GridLayout: GridLayout使用简介(转)[通俗易懂]

GridLayout: GridLayout使用简介(转)[通俗易懂]Android布局之GridLayout1GridLayout简介GridLayout是Android4.0新提供的网格矩阵形式的布局控件。GridLayout的继承关系如下:java.la

大家好,又见面了,我是你们的朋友全栈君。

Android 布局之GridLayout

 


1 GridLayout简介

GridLayout是Android4.0新提供的网格矩阵形式的布局控件。

GridLayout的继承关系如下:
java.lang.Object
  –> android.view.View
    –> android.view.ViewGroup
      –> android.widget.GridLayout

GridLayout包含的属性如下

android:alignmentMode
属性说明:当设置alignMargins,使视图的外边界之间进行校准。可以取以下值:
alignBounds — 对齐子视图边界。
alignMargins — 对齐子视图边距。

android:columnCount
属性说明:GridLayout的最大列数

android:rowCount
属性说明:GridLayout的最大行数

android:columnOrderPreserved
属性说明: 当设置为true,使列边界显示的顺序和列索引的顺序相同。默认是true。

android:orientation
属性说明:GridLayout中子元素的布局方向。有以下取值:
horizontal — 水平布局。
vertical — 竖直布局。

android:rowOrderPreserved
属性说明: 当设置为true,使行边界显示的顺序和行索引的顺序相同。默认是true。

android:useDefaultMargins
属性说明: 当设置ture,当没有指定视图的布局参数时,告诉GridLayout使用默认的边距。默认值是false。

这些是GridLayout布局本身的属性。

 

 


2 GridLayout子元素属性

上面描述的 GridLayout 的属性,是 GridLayout 布局本身的属性;下面 GridLayout 布局中的元素所支持的属性。GridLayout 布局中的元素的属性,定义在 GridLayout.LayoutParams 中。取值如下:

 

2.1 android:layout_column

属性说明: 显示该空间的列。例如,android:layout_column=”0″,表示在第1列显示该控件;android:layout_column=”1″,表示在第2列显示该控件。

layout文件示例,

GridLayout: GridLayout使用简介(转)[通俗易懂]
GridLayout: GridLayout使用简介(转)[通俗易懂]

复制代码
<?xml version="1.0" encoding="utf-8"?>
<GridLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:rowCount="2"
    android:columnCount="3" >
  <Button
        android:id="@+id/one"
        android:layout_column="1"
        android:text="1"/>
  <Button
        android:id="@+id/two"
        android:layout_column="0"
        android:text="2"/>
   <Button
        android:id="@+id/three"
        android:text="3"/>
  <Button
        android:id="@+id/devide"
        android:text="/"/>

</GridLayout>
复制代码

对应的显示效果图

GridLayout: GridLayout使用简介(转)[通俗易懂]

layout文件说明
android:orientation=”horizontal” — GridLayout中控件的布局方向是水平布局。
android:rowCount=”2″               — GridLayout最大的行数为2行。
android:columnCount=”3″          — GridLayout最大的列数为3列。
android:layout_column=”1″        — 定义控件one的位于第2列。
android:layout_column=”0″        — 定义该控two件的位于第1列。

 

2.2 android:layout_columnSpan

属性说明: 该控件所占的列数。例如,android:layout_columnSpan=”2″,表示该控件占2列。

layout文件示例

GridLayout: GridLayout使用简介(转)[通俗易懂]
GridLayout: GridLayout使用简介(转)[通俗易懂]

复制代码
<?xml version="1.0" encoding="utf-8"?>
<GridLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:rowCount="2"
    android:columnCount="3" >
  <Button
        android:id="@+id/one"
        android:layout_column="0"
        android:layout_columnSpan="2"
        android:text="1"/>
  <Button
        android:id="@+id/two"
        android:text="2"/>
   <Button
        android:id="@+id/three"
        android:text="3"/>
  <Button
        android:id="@+id/devide"
        android:text="/"/>

</GridLayout>
复制代码

对应的显示效果图

GridLayout: GridLayout使用简介(转)[通俗易懂]

layout文件说明

  数字”1″实际上占据的空间大小是2列,但是第2列显示为空白。若要第2列不显示空白,需要设置 android:layout_gravity属性,参考下例。

 

2.3 android:layout_row

属性说明: 该控件所在行。例如,android:layout_row=”0″,表示在第1行显示该控件;android:layout_row=”1″,表示在第2行显示该控件。它和 android:layout_column类似。

 

2.4 android:layout_rowSpan

属性说明: 该控件所占的行数。例如,android:layout_rowSpan=”2″,表示该控件占2行。它和 android:layout_columnSpan类似。

 

2.5 android:layout_gravity

属性说明

该控件的布局方式。可以取以下值:
  top                      — 控件置于容器顶部,不改变控件的大小。
  bottom                — 控件置于容器底部,不改变控件的大小。
  left                     — 控件置于容器左边,不改变控件的大小。
  right                   — 控件置于容器右边,不改变控件的大小。
  center_vertical     — 控件置于容器竖直方向中间,不改变控件的大小。
  fill_vertical          — 如果需要,则往竖直方向延伸该控件。
  center_horizontal — 控件置于容器水平方向中间,不改变控件的大小。
  fill_horizontal      — 如果需要,则往水平方向延伸该控件。
  center                — 控件置于容器中间,不改变控件的大小。
  fill                     — 如果需要,则往水平、竖直方向延伸该控件。
  clip_vertical        — 垂直剪切,剪切的方向基于该控件的top/bottom布局属性。若该控件的gravity是竖直的:若它的gravity是top的话,则剪切该控件的底部;若该控件的gravity是bottom的,则剪切该控件的顶部。
  clip_horizontal     — 水平剪切,剪切的方向基于该控件的left/right布局属性。若该控件的gravity是水平的:若它的gravity是left的话,则剪切该控件的右边;若该控件的gravity是  right的,则剪切该控件的左边。
  start                  — 控件置于容器的起始处,不改变控件的大小。
  end                   — 控件置于容器的结束处,不改变控件的大小。

对应函数: setGravity(int)

layout文件示例:

GridLayout: GridLayout使用简介(转)[通俗易懂]
GridLayout: GridLayout使用简介(转)[通俗易懂]

复制代码
<?xml version="1.0" encoding="utf-8"?>
<GridLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:rowCount="2"
    android:columnCount="3" >
  <Button
        android:id="@+id/one"
        android:layout_column="0"
        android:layout_columnSpan="2"
        android:layout_gravity="fill"
        android:text="1"/>
  <Button
        android:id="@+id/two"
        android:text="2"/>
   <Button
        android:id="@+id/three"
        android:text="3"/>
  <Button
        android:id="@+id/devide"
        android:text="/"/>

</GridLayout>
复制代码

对应的显示效果图

GridLayout: GridLayout使用简介(转)[通俗易懂] 

 

 


3 应用示例

定义一个简单的计算器界面,包含“0-9、.、+、-、*、/、=、”。用GridLayout实现。

layout文件 

复制代码
<?xml version="1.0" encoding="utf-8"?>
<!-- GridLayout: 5行 4列 水平布局 -->
<GridLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:rowCount="5"
android:columnCount="4" >
  <Button
android:id="@+id/one"
android:text="1"/>
  <Button
android:id="@+id/two"
android:text="2"/>
   <Button
android:id="@+id/three"
android:text="3"/>
  <Button
android:id="@+id/devide"
android:text="/"/>
  <Button
android:id="@+id/four"
android:text="4"/>
  <Button
android:id="@+id/five"
android:text="5"/>
  <Button
android:id="@+id/six"
android:text="6"/>
  <Button
android:id="@+id/multiply"
android:text="×"/>
  <Button
android:id="@+id/seven"
android:text="7"/>
  <Button
android:id="@+id/eight"
android:text="8"/>
  <Button
android:id="@+id/nine"
android:text="9"/>
<Button
android:id="@+id/minus"
android:text="-"/>
<Button
android:id="@+id/zero"
android:layout_columnSpan="2"
android:layout_gravity="fill"
android:text="0"/>
  <Button
android:id="@+id/point"
android:text="."/>
<Button
android:id="@+id/plus"
android:layout_rowSpan="2"
android:layout_gravity="fill"
android:text="+"/>
<Button
android:id="@+id/equal"
android:layout_columnSpan="3"
android:layout_gravity="fill"
android:text="="/> 
</GridLayout>
复制代码

 

点击下载:源代码

效果图:

GridLayout: GridLayout使用简介(转)[通俗易懂]

 

本文转自:Android 布局之GridLayout

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/155158.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)
blank

相关推荐

  • 排查挖矿病毒

    排查挖矿病毒场景最新发现linux服务器一直很卡,导致无法编译和其它相关操作。排查分析经top查看原来是一个叫269的进程一直抢占CPU,占比高达4000%。而该269进程则是挖矿病毒进行高度伪装,即使是kill掉该进程也无济于事,后面又会自动跑起来。top-19:29:19up1:24,2users,loadaverage:41.71,41.75,41.46Tasks:891total,3running,502sleeping,0st..

  • java使用键盘输入_java中键盘输入代码

    java使用键盘输入_java中键盘输入代码展开全部程序开发过程中,32313133353236313431303231363533e78988e69d8331333365633962需要从键盘获取输入值是常有的事,但Java它偏偏就没有像c语言给我们提供的scanf(),C++给我们提供的cin()获取键盘输入值的现成函数!Java没有提供这样的函数也不代表遇到这种情况我们就束手无策,请你看以下三种解决方法吧:以下将列出几种方法:方法一:…

  • Nacos 2.0_一个数的0倍是多少

    Nacos 2.0_一个数的0倍是多少点击关注公众号,Java干货及时送达3月20号,Nacos2.0.0正式发布了!Nacos简介:“一个更易于构建云原生应用的动态服务发现、配置管理和服务管理平台。通俗点讲,Nacos…

  • MATLAB(R2021a)软件下载和安装教程[通俗易懂]

    MATLAB(R2021a)软件下载和安装教程[通俗易懂][名称]:MatlabR2021a[大小]:17.11GB[语言]:简体中文[安装环境]:Win7/Win8/Win10[64位下载链接]:https://pan.baidu.com/s/1jnp9OeXZRnwScGU68K03CQ[提取码]:1234[阿里云下载地址]:(推荐使用)https://www.aliyundrive.com/s/BYPHMoAiLqq[备用链接]:若下载链接失效,获取最新下载链接请到公众号『软件科技汇』后台回复:matlab软件..

  • 《欧美剧集观看最佳索引》(US SHOWS GUIDE) 【2005-12-27 转verycd】[通俗易懂]

    《欧美剧集观看最佳索引》(US SHOWS GUIDE) 【2005-12-27 转verycd】[通俗易懂]原文地址http://bbs.verycd.com/topics/230847/中文名称:欧美剧集观看最佳索引英文名称:USTVSHOWSGUIDE别名:欧美剧集观看最佳索引版本:2005-2006导演:USTVSHOWSGUIDE演员:USTVSHOWSGUIDE简介:欧美剧集观看最佳索引2005-2006USTVSHOWSGUIDE2005-2006(作者:

  • OFDM调制matlab仿真详细代码

    OFDM调制matlab仿真详细代码MATLAB仿真代码%==================================================%作者:肆拾伍%时间:11/302019%版本:V3%=================OFDM仿真参数说明:================%%子载波数carrier_count—200%总符号数symbol_count…

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号