美文网首页
GridLayout网格布局

GridLayout网格布局

作者: _成长ing_ | 来源:发表于2018-08-31 10:38 被阅读0次

网格布局由GridLayout所代表,它是Android4.0新增的布局管理器

  • GridLayout的基本设置:
    android:columnCount=""
    android:rowCount=""
  • 元素cell的基本控制
    android:layout_columnWeight="1"
    android:layout_rowWeight="1"
    android:layout_row=""
    android:layout_rowSpan=""
    android:layout_column=""
    android:layout_columnSpan=""
    制作一个简易计算器的界面:


    计算器.PNG
<?xml version="1.0" encoding="utf-8"?>
<GridLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_centerInParent="true"
    android:alignmentMode="alignMargins"
    android:columnCount="4"
    android:rowCount="6">

    <TextView
        android:layout_width="match_parent"
        android:layout_height="140dp"
        android:layout_columnSpan="4"
        android:background="#EE000000"
        android:gravity="bottom|right"
        android:padding="15dp"
        android:text="1"
        android:textColor="#FFFFFF"
        android:textSize="48sp" />

    <Button
        android:layout_columnWeight="1"
        android:layout_rowWeight="1"
        android:background="@drawable/cal_bg"
        android:text="C"
        android:textColor="#FFFFFF"
        android:textSize="18sp" />

    <Button
        android:layout_columnWeight="1"
        android:layout_rowWeight="1"
        android:background="@drawable/cal_bg"
        android:text="/"
        android:textColor="#FFFFFF"
        android:textSize="18sp" />

    <Button
        android:layout_columnWeight="1"
        android:layout_rowWeight="1"
        android:background="@drawable/cal_bg"
        android:text="*"
        android:textColor="#FFFFFF"
        android:textSize="18sp" />

    <Button
        android:layout_columnWeight="1"
        android:layout_rowWeight="1"
        android:background="@drawable/cal_bg"
        android:text="删除"
        android:textColor="#FFFFFF"
        android:textSize="18sp" />

    <Button
        android:layout_columnWeight="1"
        android:layout_rowWeight="1"
        android:background="@drawable/cal_bg"
        android:text="7"
        android:textColor="#FFFFFF"
        android:textSize="18sp" />

    <Button
        android:layout_columnWeight="1"
        android:layout_rowWeight="1"
        android:background="@drawable/cal_bg"
        android:text="8"
        android:textColor="#FFFFFF"
        android:textSize="18sp" />

    <Button
        android:layout_columnWeight="1"
        android:layout_rowWeight="1"
        android:background="@drawable/cal_bg"
        android:text="9"
        android:textColor="#FFFFFF"
        android:textSize="18sp" />

    <Button
        android:layout_columnWeight="1"
        android:layout_rowWeight="1"
        android:background="@drawable/cal_bg"
        android:text="-"
        android:textColor="#FFFFFF"
        android:textSize="18sp" />

    <Button
        android:layout_columnWeight="1"
        android:layout_rowWeight="1"
        android:background="@drawable/cal_bg"
        android:text="4"
        android:textColor="#FFFFFF"
        android:textSize="18sp" />

    <Button
        android:layout_columnWeight="1"
        android:layout_rowWeight="1"
        android:background="@drawable/cal_bg"
        android:text="5"
        android:textColor="#FFFFFF"
        android:textSize="18sp" />

    <Button
        android:layout_columnWeight="1"
        android:layout_rowWeight="1"
        android:background="@drawable/cal_bg"
        android:text="6"
        android:textColor="#FFFFFF"
        android:textSize="18sp" />

    <Button
        android:layout_columnWeight="1"
        android:layout_rowWeight="1"
        android:background="@drawable/cal_bg"
        android:text="+"
        android:textColor="#FFFFFF"
        android:textSize="18sp" />

    <Button
        android:layout_columnWeight="1"
        android:layout_rowWeight="1"
        android:background="@drawable/cal_bg"
        android:text="1"
        android:textColor="#FFFFFF"
        android:textSize="18sp" />

    <Button
        android:layout_columnWeight="1"
        android:layout_rowWeight="1"
        android:background="@drawable/cal_bg"
        android:text="2"
        android:textColor="#FFFFFF"
        android:textSize="18sp" />

    <Button
        android:layout_columnWeight="1"
        android:layout_rowWeight="1"
        android:background="@drawable/cal_bg"
        android:text="3"
        android:textColor="#FFFFFF"
        android:textSize="18sp" />

    <Button
        android:layout_columnWeight="1"
        android:layout_rowSpan="2"
        android:layout_rowWeight="1"
        android:background="@drawable/cal_bg1"
        android:text="="
        android:textColor="#FFFFFF"
        android:textSize="18sp" />

    <Button
        android:layout_columnSpan="2"
        android:layout_columnWeight="1"
        android:layout_rowWeight="1"
        android:background="@drawable/cal_bg"
        android:text="0"
        android:textColor="#FFFFFF"
        android:textSize="18sp" />

    <Button
        android:layout_columnWeight="1"
        android:layout_rowWeight="1"
        android:background="@drawable/cal_bg"
        android:text="."
        android:textColor="#FFFFFF"
        android:textSize="18sp" />
</GridLayout>

相关文章

网友评论

      本文标题:GridLayout网格布局

      本文链接:https://www.haomeiwen.com/subject/pzpdwftx.html