天天看點

Android 六大布局之 GridLayout(網格布局)「建議收藏」GridLayout(網格布局) 簡述電腦布局的實作

大家好,又見面了,我是你們的朋友全棧君。

目錄

GridLayout(網格布局) 簡述

電腦布局的實作

GridLayout(網格布局) 簡述

1、GridLayout 布局是 Android 4.0 以後引入的新布局,和 TableLayout(表格布局) 有點類似,不過它功能更多,也更加好用

可以自己設定布局中元件的排列方式

可以自定義網格布局有多少行,多少列

可以直接設定元件位于某行某列

可以設定元件橫跨幾行或者幾列

Android 六大布局之 GridLayout(網格布局)「建議收藏」GridLayout(網格布局) 簡述電腦布局的實作

電腦布局的實作

Android 六大布局之 GridLayout(網格布局)「建議收藏」GridLayout(網格布局) 簡述電腦布局的實作

上述效果實作代碼如下:

<GridLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/GridLayout1"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:columnCount="4"
    android:orientation="horizontal"
    android:rowCount="6">

    <TextView
        android:layout_columnSpan="4"
        android:layout_gravity="fill"
        android:layout_marginLeft="5dp"
        android:layout_marginRight="5dp"
        android:background="#FFCCCC"
        android:text="0"
        android:textSize="50sp" />

    <Button
        android:layout_columnSpan="2"
        android:layout_gravity="fill"
        android:text="回退" />

    <Button
        android:layout_columnSpan="2"
        android:layout_gravity="fill"
        android:text="清空" />

    <Button
        android:layout_gravity="fill"
        android:text="+" />

    <Button
        android:layout_gravity="fill"
        android:text="1" />

    <Button
        android:layout_gravity="fill"
        android:text="2" />

    <Button
        android:layout_gravity="fill"
        android:text="3" />

    <Button
        android:layout_gravity="fill"
        android:text="-" />

    <Button
        android:layout_gravity="fill"
        android:text="4" />

    <Button
        android:layout_gravity="fill"
        android:text="5" />

    <Button
        android:layout_gravity="fill"
        android:text="6" />

    <Button
        android:layout_gravity="fill"
        android:text="*" />

    <Button
        android:layout_gravity="fill"
        android:text="7" />

    <Button
        android:layout_gravity="fill"
        android:text="8" />

    <Button
        android:layout_gravity="fill"
        android:text="9" />

    <Button
        android:layout_gravity="fill"
        android:text="/" />

    <Button
        android:layout_width="wrap_content"
        android:layout_gravity="fill"
        android:text="." />

    <Button
        android:layout_gravity="fill"
        android:text="0" />

    <Button
        android:layout_gravity="fill"
        android:text="=" />

</GridLayout>           

複制

<GridLayout android:layout_width=”fill_parent”:網格布局寬度為填滿螢幕

<GridLayout android:layout_height=”wrap_content”:網格布局高度為包裹内容

<GridLayout android:columnCount=”4″:網格布局設定 4 列

<GridLayout android:rowCount=”6″:網格布局設定 6 行

<GridLayout android:orientation=”horizontal”:網格布局設定為水準布局

回退 與 清空 按鈕橫跨兩列,其它按鈕都是直接添加,占用一行一列

通過 android:layout_rowSpan 與 android:layout_columnSpan 設定了元件橫跨多行或者多列時,如果想要讓元件填滿橫越過的行或列的話,則可以設定 android:layout_gravity = “fill”

android:layout_gravity=”fill”:設定内容對其方式為填充

android:text=”0″:設定控件内容

android:textSize=”50sp”:設定控件字型大小

android:background=”#FFCCCC”:設定控件背景色

android:layout_marginLeft=”5dp”:設定控件内容距離左側的距離

釋出者:全棧程式員棧長,轉載請注明出處:https://javaforall.cn/139484.html原文連結:https://javaforall.cn