Android studio中的ConstraintLayout - 如何设置类似于Xcode界面构建器约束的宽高比约束

时间:2017-01-20 19:30:57

标签: android android-studio android-constraintlayout

我是一位有Android Studio问题的iOS开发人员。在Xcode的界面构建器中,有一个宽高比约束可以设置为您的视图,以便根据其设置的宽高比查看比例:

enter image description here

通过搜索,我无法在Android Studio中找到类似的功能。我想构建一个2x6网格视图,可以缩放到与此布局类似的所有屏幕尺寸:

enter image description here

在Xcode中,我通过基于网格中的方形位置设置前导,尾随,顶部和底部空间约束来完成此操作,然后将纵横比设置为self和self到包含子视图的视图的纵横比。如何使用约束布局在Android Studio中最好地完成此操作?

为了进一步说明,以下是我希望网格查看所有屏幕尺寸的方法:

enter image description here

但是当我放大容纳这些按钮的容器文本视图时,它们不会缩放以满足容器的大小:

enter image description here

更新

我尝试了@ Psest328提供的答案,这可以缩放单个网格项,但现在我想在两个方向视图中保持网格的宽高比。这是肖像和风景:

enter image description here enter image description here

正如您所看到的那样,横向方向导致容器视图偏向"倾斜"以适应视图大小。我希望它能保持其形状和纵横比。

1 个答案:

答案 0 :(得分:1)

这一切都是在AS的图形界面中完成的......

我在这里做了6个按钮。每个角落1个,中间每侧1个。

  1. 选择前2位,右键单击,然后选择“水平展开”
  2. 选择中间2,右键单击,然后选择“水平展开”
  3. 选择底部2,右键单击,然后选择“水平展开”
  4. 选择整个左列(3个按钮),单击鼠标右键 选择“纵向扩展”
  5. 选择整个右侧列(3个按钮),单击鼠标右键 选择“纵向扩展”
  6. 点击灯泡(推断约束)
  7. 结果如下:

    enter image description here

    修改

    根据您的更新,我将布局复制到res / layout-land并按照我想要的方式重新定位按钮,并执行与之前相同的步骤(水平扩展,然后垂直扩展,然后推断约束)。

    编辑器在单击方向更改时巧妙地选择正确的布局文件: enter image description here