首页 > 代码库 > 用GridLayout实现计算器的布局

用GridLayout实现计算器的布局

2024-07-12 23:05:31   220人阅读

GridLayout是一个表格视图，我们一般定义它的列数和行数来设置好这个控件。

下面的布局文件先定义了一个TextView和一个Button，设置他们的属性为横跨4列。这样就可以独自占据一行了。然后我们用代码来放入其他的子元素，其实就是些Button。

布局文件

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_height="match_parent"    tools:context="${relativePackage}.${activityClass}"      xmlns:app="http://schemas.android.com/apk/res/com.kale.gridlayout">    <!-- 六行四列 -->    <android.support.v7.widget.GridLayout        android:id="@+id/root_gridLayout_id"        android:layout_width="match_parent"        android:layout_height="match_parent"         app:rowCount="6"        app:columnCount="4">        <TextView            android:layout_width="match_parent"            android:layout_height="100dp"            app:layout_columnSpan="4"            android:text="Large Text"            android:textAppearance="?android:attr/textAppearanceLarge" />        <Button            android:layout_width="match_parent"            android:layout_height="wrap_content"            app:layout_gravity="center_horizontal|top"            app:layout_columnSpan="4"            android:text="Button" />    </android.support.v7.widget.GridLayout></RelativeLayout>

 

MainActivity.java

package com.kale.gridlayout;import android.app.Activity;import android.os.Bundle;import android.support.v7.widget.GridLayout;import android.view.Gravity;import android.widget.Button;public class MainActivity extends Activity {    String [] chars = new String[]{        "7","8","9","÷",        "4","5","6","x",        "1","2","3","-",        ".","0","=","+"    };    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);                GridLayout gLayout = (GridLayout)findViewById(R.id.root_gridLayout_id);        for (int i = 0; i < chars.length; i++) {            Button bt = new Button(this);            bt.setText(chars[i]);            bt.setTextSize(40);                        //指定该组件所占的行            GridLayout.Spec rowSpec = GridLayout.spec(i/4 + 2);            //指定该组件所占的列            GridLayout.Spec columnSpec = GridLayout.spec(i % 4);             //按照设置好的行和列来建立对象            GridLayout.LayoutParams params = new GridLayout.LayoutParams(rowSpec,columnSpec);            //指定该组件占满父控件            params.setGravity(Gravity.FILL);            gLayout.addView(bt,params);        }            }}


联系
我们