如何在Android中为布局设置固定纵横比

Question

我想将布局的宽度设置为“fill_parent”，同时使视图的高度只有相同的长度，以使布局成为正方形。

任何建议将不胜感激，提前致谢！ ：d

Answer 1

随着引进ConstraintLayout你不用编写任何代码一个单一的线，或者使用第三方或依赖PercentFrameLayout这是在26.0.0弃用。

下面是如何保持1中的例子：1宽高比使用ConstraintLayout布局：编辑XML文件

<android.support.constraint.ConstraintLayout 
    android:layout_width="match_parent" 
    android:layout_height="match_parent"> 

    <FrameLayout 
     android:layout_width="0dp" 
     android:layout_height="0dp" 
     android:layout_marginEnd="0dp" 
     android:layout_marginStart="0dp" 
     android:layout_marginTop="0dp" 
     android:background="@android:color/black" 
     app:layout_constraintDimensionRatio="H,1:1" 
     app:layout_constraintEnd_toEndOf="parent" 
     app:layout_constraintStart_toStartOf="parent" 
     app:layout_constraintTop_toTopOf="parent"> 

    </FrameLayout> 

</android.support.constraint.ConstraintLayout> 

或替代的，你可以直接在布局编辑器编辑您的布局：

Answer 2

一套高度fill_parent，宽度为wrap_content

，你修复与android:adjustViewBounds="true"

Answer 3

长宽比你可以尝试最初设定layout_height到wrap_content。但从那里我认为你必须进入代码。只是为了实验，在您的活动尝试类似：

@Override 
public void onResume(){ 
    super.onResume(); 
    findViewById(R.id.squareView).getViewTreeObserver().addOnGlobalLayoutListener(new OnGlobalLayoutListener() { 
     @Override public void onGlobalLayout() { 
      View squareView = findViewById(R.id.squareView); 
      LayoutParams layout = squareView.getLayoutParams(); 
      layout.height = squareView.getWidth(); 
      squareView.setLayoutParams(layout); 
      squareView.getViewTreeObserver().removeGlobalOnLayoutListener(this); 
     } 
    }); 
} 

凡R.id.squareView是有问题的视图的id。并且请注意，此代码被封装在onGlobalLayout调用中以确保squareView.getWidth()具有有意义的值。

Answer 4

LinearLayout ll = (LinearLayout)findViewById(R.id.LL); 


int width = ll.getWidth(); 
LinearLayout.LayoutParams ll_params = new LinearLayout.LayoutParams(width, width); 
ll.setLayoutParams(ll_params); 

Answer 5

在你的build.gradle地址：

compile 'com.android.support:percent:23.1.1' 

，并在您layout.xml包装任何视图或ViewGroup中要遵循一个PercentFrameLayout其中里面的比例：

android:layout_width="match_parent" 
android:layout_height="wrap_content" 

然后查看或的ViewGroup要遵循的比率替换机器人：layout_width和机器人：layout_height：

app:layout_aspectRatio="178%" 
    app:layout_widthPercent="100%" 

和你有一个视图或ViewGroup中，其中宽高比为16：9（1.78：1）宽度匹配父母和高度相应地调整。

注意：删除正常的宽度和高度属性很重要。林特会抱怨，但它会工作。

Answer 6

我为类似用例创建了一个布局库。随意使用它。

RatioLayouts

安装

这个添加到文件的顶部

repositories { 
    maven { 
     url "http://dl.bintray.com/riteshakya037/maven" 
    } 
} 


dependencies { 
    compile 'com.ritesh:ratiolayout:1.0.0' 
} 

使用

定义在布局上根视图 '应用' 命名空间

xmlns:app="http://schemas.android.com/apk/res-auto" 

包含该库在布局

<com.ritesh.ratiolayout.RatioRelativeLayout 
     android:id="@+id/activity_main_ratio_layout" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     app:fixed_attribute="WIDTH" // Fix one side of the layout 
     app:horizontal_ratio="2" // ratio of 2:3 
     app:vertical_ratio="3">