• Android开发笔记(3)——GridLayout


    笔记链接:http://www.cnblogs.com/igoslly/p/6799939.html

    GirdLayout 计算器实例及详尽的笔记:http://www.cnblogs.com/skywang12345/p/3154150.html

    网格布局:使容器中的各组件呈M行×N列的网格状分布。

    和Relative LayoutLinear Layout相同,属于ViewGroup类型。

    布局设置步骤

    1、设置最大行、列值

    android:columnCount=“5”
    android:rowCount=“6”
    

    2、设置数据输入顺序

    android:orientation

    3、设置行列权重

    android:layout_columnWeight
    android:layout_rowWeight

    4、设置跨行、列格

    android:layout_columnSpan="2"

    示例:

    篮球计分app,记录每一节比分表格

     1 <GridLayout xmlns:android="http://schemas.android.com/apk/res/android"
     2     android:layout_width="match_parent"
     3     android:layout_height="wrap_content"
     4     android:orientation="horizontal"
     5     android:columnCount="6"
     6     android:rowCount="3">
     7     <TextView
     8         android:text="Table"
     9         style="@style/table_layout"/>
    10     <TextView
    11         android:text="1st"
    12         style="@style/table_layout"/>
    13     <TextView
    14         android:text="2nd"
    15         style="@style/table_layout"/>
    16     <TextView
    17         android:text="3rd"
    18         style="@style/table_layout"/>
    19     <TextView
    20         android:text="4th"
    21         style="@style/table_layout"/>
    22     <TextView
    23         android:text="TOTAL"
    24         style="@style/table_layout"/>
    25     <TextView
    26         android:text="A"
    27         style="@style/table_layout"/>
    28     <TextView
    29         android:text="0"
    30         android:id="@+id/score_a_part1"
    31         style="@style/table_layout"/>
    32     <TextView
    33         android:text="0"
    34         android:id="@+id/score_a_part2"
    35         style="@style/table_layout"/>
    36     <TextView
    37         android:text="0"
    38         android:id="@+id/score_a_part3"
    39         style="@style/table_layout"/>
    40     <TextView
    41         android:text="0"
    42         android:id="@+id/score_a_part4"
    43         style="@style/table_layout"/>
    44     <TextView
    45         android:text="0"
    46         android:id="@+id/score_a_total"
    47         style="@style/table_layout"/>
    48     <TextView
    49         android:text="B"
    50         style="@style/table_layout"/>
    51     <TextView
    52         android:text="0"
    53         android:id="@+id/score_b_part1"
    54         style="@style/table_layout"/>
    55     <TextView
    56         android:text="0"
    57         android:id="@+id/score_b_part2"
    58         style="@style/table_layout"/>
    59     <TextView
    60         android:text="0"
    61         android:id="@+id/score_b_part3"
    62         style="@style/table_layout"/>
    63     <TextView
    64         android:text="0"
    65         android:id="@+id/score_b_part4"
    66         style="@style/table_layout"/>
    67     <TextView
    68         android:text="0"
    69         android:id="@+id/score_b_total"
    70         style="@style/table_layout"/>
    71     </GridLayout>

     

    显示效果:

     

     

     

     


    申明:

    1、本笔记为文字及图片均为个人原创,转载请注明博客园-igoslly

    2、Android开发课程于2017年4年参与GoogleDeveloper进行学习,

  • 相关阅读:
    2407: C语言习题 整数转换成字符串
    2484: 字母图形
    1658: Easier Done Than Said?
    Easier Done Than Said?(应用到的知识)
    1653: Champion of the Swordsmanship
    1614: 五位以内的对称素数
    1612: 最小公倍数
    $ vs $()
    数学
    计算机科学与技术课程
  • 原文地址:https://www.cnblogs.com/igoslly/p/6799939.html
Copyright © 2020-2023  润新知