我正在努力创建一个由均匀分布的正方形链组成的布局,这些正方形可以填充可用空间。使用Android Constraintlayout创建一排均匀分布的正方形

我到底想要的布局,看起来像这样:

的想法是,与不同的宽高比手机这个正方形成长一点点地使用了额外的空间。

我设法创建权重链与此布局

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

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

android:id="@+id/activity_main_inference"

android:layout_width="match_parent"

android:layout_height="match_parent">

android:id="@+id/textView1"

android:layout_width="32dp"

android:layout_height="0dp"

android:text="All"

app:layout_constraintDimensionRatio="w,1:1"

app:layout_constraintHorizontal_weight="1"

app:layout_constraintLeft_toLeftOf="parent"

app:layout_constraintRight_toLeftOf="@+id/textView2"

app:layout_constraintTop_toTopOf="parent" />

android:id="@+id/textView2"

android:layout_width="32dp"

android:layout_height="0dp"

android:text="2"

app:layout_constraintDimensionRatio="w,1:1"

app:layout_constraintHorizontal_weight="1"

app:layout_constraintLeft_toRightOf="@+id/textView1"

app:layout_constraintRight_toLeftOf="@id/textView4"/>

android:id="@+id/textView4"

android:layout_width="32dp"

android:layout_height="0dp"

android:text="4"

app:layout_constraintDimensionRatio="w,1:1"

app:layout_constraintHorizontal_weight="1"

app:layout_constraintLeft_toRightOf="@+id/textView2"

app:layout_constraintRight_toRightOf="parent" />

这看起来是这样的:

这是罚款只是Textviews的宽度是固定到32dp。 我希望,如果我将宽度也设置为零,匹配约束将首先确定所需的宽度以覆盖所有空间,然后将高度设置为宽度以使视图平方。

可悲的是我的布局是这样的:

是这种想法,我想ContraintLayout实现可能布局的?

2017-08-14

Janusz

+0

你想这种类型的视图https://i.stack.imgur.com/YQAoJ.png? –

+0

是的,这是我想要实现的。 –

android xml正方形,使用Android Constraintlayout创建一排均匀分布的正方形相关推荐

  1. android xml 列表展示,Android中ListView实现展示列表数据

    1.在activity_main.xml中添加一个ListView xmlns:tools="http://schemas.android.com/tools" android:l ...

  2. android xml绘制图标,android – 如何为图标制作XML文件

    这是SHARE图标的xml文件.如何为其他图标创建xml? android:width="24dp" android:height="24dp" android ...

  3. android xml 平铺,Android 图片平铺实现方式

    Android 框架允许创建一个 drawable 包含一个 bitmap 并用于平铺.缩放和对齐处理.当我们需要让背景使用下面图片进行平铺时: 1)第一种利用系统提供的api实现 Bitmap bi ...

  4. android xml获取指定,android:如何从xml文件中获取信息?

    我得到一个程序,从一个链接的服务器获取天气.我已经做了一些将字符串结合到URL的字符串.我现在需要从XML文件中获取信息.android:如何从xml文件中获取信息? 这是我的代码:(我更换了,为了安 ...

  5. android xml画圆,Android自定义View画圆功能

    本文实例为大家分享了Android自定义View画圆的具体代码,供大家参考,具体内容如下 引入布局 xmlns:tools="http://schemas.android.com/tools ...

  6. android xml 圆形图片,Android ImageView实现圆角,圆形图片

    UI设计中,为了有更好的效果,用户的头像很多以圆形方式显示,其实现的步骤 1 在res/values/attrs中添加 2 自定义View,CustomImageView.java package c ...

  7. android xml ui编辑器,Android Studio(八):使用Layout Editor设计UI

    Android Studio提供了一个高级的布局编辑器,允许你拖拽控件,在编辑XML之后可以实时预览. 在布局编辑器中,你在文字视图和设计视图直接来回切换. 在文字视图中编辑 你可以在文字视图中编辑你 ...

  8. android xml解析demo,Android解析自定义xml文件--Sax解析xml文件,测试demo(方案二)...

    转载请注明出处:http://blog.csdn.net/droyon/article/details/9346657 Sax解析xml 以下是测试Demo 运行程序类 public class Te ...

  9. android xml图片缩放,Android通过自定义ImageView控件实现图片的缩放和拖动的实现代码...

    概述:通过自定义ImageView控件,在xml布局里面调用自定的组件实现图片的缩放. /** * 自定义的ImageView控制,可对图片进行多点触控缩放和拖动 * * @author qiuwan ...

最新文章

  1. 物联网时代营销怎么做?
  2. 3DMAX 批量 场景 对象 导出 .X格式 脚本
  3. 计算机网络谢希仁第七版课后答案第二章 物理层
  4. Java IO 体系(二): inputstream与outputstream
  5. java fast math,Java FastMath.ceil方法代碼示例
  6. Multi-catch parameters are not allowed for source level below 1.7 解决方法
  7. leetcode初级算法4.两个数组的交集 II
  8. 速达服务器账套定期维护么,速达软件常见操作问题解决方法
  9. 简单async/wait使用样例
  10. 超越村后端开发(7:修改完善代码(持续更新))
  11. 线程(一)__同步以及死锁
  12. 解决机关内外部办公网络故障
  13. VBScriptVBS(二)变量、数组变量的应用与理解
  14. seo外链工具是什么?外链工具有用吗?
  15. linux根据uid反查用户名
  16. Thinkphp 5.1安装
  17. SQLyog数据库列表(对象浏览器)字体大小设置方法,不是普通字体大小设置
  18. 消息中间件 - MQ的相关概念
  19. 【时间序列】季节性问题
  20. CSDN文章发布以后显示待审核

热门文章

  1. 前端学习(1740):前端调试值之保持元素的hover状态
  2. html:(30):继承和特殊性
  3. java学习(177):获取应用程序的路径
  4. linux mysql数据库定时备份
  5. JS之字符串连接方法join
  6. 常用的前端JavaScript方法封装(49种)
  7. java注释和注解_深入理解JAVA注解(Annotation)以及自定义注解
  8. oracle pdb 表空间,Oracle 12c CDB 和 PDB 表空间管理和配置 说明
  9. mysq5.7 主主同步
  10. 在Airtest中如何使用无线模式控制手机