Android的网格布局

向右看齐 2022-05-11 12:06 418阅读 0赞

网格布局GridLayout
1.常用属性rowCount(行数)、columnCount(列数)

GridLayout中子控件相关属性:layout_gravity=”fill_horizontal(水平填充)|fill_vertical(垂直填充)”

  1. Space标签的作用:挡住控件,让其不超出网格的范围

实例:
70

  1. <GridLayout
  2. xmlns:android="http://schemas.android.com/apk/res/android"
  3. xmlns:tools="http://schemas.android.com/tools"
  4. xmlns:app="http://schemas.android.com/apk/res-auto"
  5. android:layout_width="match_parent"
  6. android:layout_height="match_parent"
  7. android:rowCount="5"
  8. android:columnCount="4"
  9. android:background="@color/black"
  10. tools:context="com.example.android_03.MainActivity">
  11. <Button android:text="1"/>
  12. <Button android:text="2"/>
  13. <Button android:text="3"/>
  14. <Button android:text="/"/>
  15. <Button android:text="4"/>
  16. <Button android:text="5"/>
  17. <Button android:text="6"/>
  18. <Button android:text="*"/>
  19. <Button android:text="7"/>
  20. <Button android:text="8"/>
  21. <Button android:text="9"/>
  22. <Button android:text="-"/>
  23. <Button android:text="0" android:layout_gravity="fill_horizontal" android:layout_columnSpan="2"/>
  24. <Button android:text="."/>
  25. <Button android:text="+" android:layout_gravity="fill_vertical" android:layout_rowSpan="2"/>
  26. <Button android:text="=" android:layout_gravity="fill_horizontal" android:layout_columnSpan="3"/>
  27. <Space/>
  28. </GridLayout>

注意它的跨行:

layout_columnSpan 横跨行

layout_rowSpan 竖跨行

最后有多出来的瑕疵可用将它掩盖

发表评论

表情:
评论列表 (有 0 条评论,418人围观)

还没有评论,来说两句吧...

相关阅读

    相关 Grid网格布局

    简介 > Flex布局时一维的布局,即水平或垂直方向的布局。而Grid布局则划分成“行”和“列”,产生单元格,可以看作是二维的布局。Grid布局远比Flex布局强大