Android使用GridLayout布局简单的计算器界面

  • 效果:
    Android使用GridLayout布局简单的计算器界面_第1张图片
  • 需要注意:
    1.GridLayout的rowCount、columnCount确定总的行列数
    2.控件的layout_rowSpan、layout_columnSpan确定占用的行列数,当他们的值大于1时使用android:layout_gravity="fill"充满占用的空间
    3.控件的layout_rowWeight、layout_columnWeight确定行列值占比,均分控件
  • 代码:

<GridLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_test_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:rowCount="7"
    android:columnCount="4"
    tools:context="com.example.admin.testproj.testLayout">

    <EditText
        android:layout_rowWeight="2"
        android:layout_columnWeight="4"
        android:layout_rowSpan="2"
        android:layout_columnSpan="4"
        android:layout_gravity="fill"
        android:id="@+id/editText3"
        android:inputType="text"
        android:hint="请输入..." />

    <Button
        android:text="1"
        android:layout_rowWeight="1"
        android:layout_columnWeight="1"
        android:id="@+id/button32" />

    <Button
        android:text="2"
        android:layout_rowWeight="1"
        android:layout_columnWeight="1"
        android:id="@+id/button45" />

    <Button
        android:text="3"
        android:layout_rowWeight="1"
        android:layout_columnWeight="1"
        android:id="@+id/button42" />

    <Button
        android:text="/"
        android:layout_rowWeight="1"
        android:layout_columnWeight="1"
        android:id="@+id/button43" />

    <Button
        android:text="4"
        android:layout_rowWeight="1"
        android:layout_columnWeight="1"
        android:id="@+id/button36" />

    <Button
        android:text="5"
        android:layout_rowWeight="1"
        android:layout_columnWeight="1"
        android:id="@+id/button44" />

    <Button
        android:text="6"
        android:layout_rowWeight="1"
        android:layout_columnWeight="1"
        android:id="@+id/button41" />

    <Button
        android:text="*"
        android:layout_rowWeight="1"
        android:layout_columnWeight="1"
        android:id="@+id/button38" />

    <Button
        android:text="7"
        android:layout_rowWeight="1"
        android:layout_columnWeight="1"
        android:id="@+id/button35" />

    <Button
        android:text="8"
        android:layout_rowWeight="1"
        android:layout_columnWeight="1"
        android:id="@+id/button40" />

    <Button
        android:text="9"
        android:layout_rowWeight="1"
        android:layout_columnWeight="1"
        android:id="@+id/button34" />

    <Button
        android:text="-"
        android:layout_rowWeight="1"
        android:layout_columnWeight="1"
        android:id="@+id/button30" />

    <Button
        android:text="0"
        android:layout_rowWeight="1"
        android:layout_columnWeight="2"
        android:layout_columnSpan="2"
        android:layout_gravity="fill"
        android:id="@+id/button33" />

    <Button
        android:text="."
        android:layout_rowWeight="1"
        android:layout_columnWeight="1"
        android:id="@+id/button39" />

    <Button
        android:text="+"
        android:layout_rowWeight="2"
        android:layout_columnWeight="1"
        android:layout_rowSpan="2"
        android:layout_gravity="fill"
        android:id="@+id/button31"/>

    <Button
        android:text="="
        android:layout_rowWeight="1"
        android:layout_columnWeight="3"
        android:layout_gravity="fill"
        android:layout_columnSpan="3"
        android:id="@+id/button37" />
GridLayout>

代码:https://github.com/yangyang0312/AndroidTestCode/tree/master/TestProj

你可能感兴趣的:(Android)