IDEA Android 网格布局(GridLayout)示例(计算器界面布局)

网格布局(GridLayout)

示例程序效果(实现类似vivo手机自带计算器UI)

IDEA Android 网格布局(GridLayout)示例(计算器界面布局)_第1张图片

真机和模拟器运行效果:

IDEA Android 网格布局(GridLayout)示例(计算器界面布局)_第2张图片

 

简述:

GridLayout(网格布局)和TableLayout(表格布局)有类似的地方,通俗来讲可以理解为网格布局是表格布局的升级版,这样容易理解。相对来说网格布局的优点有一下几点:

  1. 可以设置布局中组件的排列方式。
  2. 任意自定义网格布局的行列。
  3. 可以直接设置组件位于某行某列。
  4. 可以设置组件横跨几行或者几列。

主要属性: 

设置排列对齐
android:orientation :设置排列方式,默认垂直(vertical竖直)、水平(horizontal)。
android:layout_gravity : 设置对齐方式,left ,right,center,buttom,也可以同时使用俩个,比如:top | left。

设置几行几列
android:rowCount=”5”//设置网格布局有5行。
android:columnCount=”5”//设置网格布局有5列。

设置组件所在的行列(注意:是从0开始计的!)
android:layout_row =”2”//设置组件位于第3行。
android:layout_column = “3” //设置该组件位于第4列。

设置组件横跨几行几列
android:layout_rowSpan=”3”//纵向横跨3行合并
android:layout_columnSpan=”3”//横向横跨3列合并

activity_main.xml:





    

    

 

你可能感兴趣的:(Java,Android,网格布局,GridLayout,android,idea)