AndroidUi--用GridLayout实现计算器界面

这次是用GridLayout(网格布局器) 实现计算器界面,网格布局器是android4.0的布局。利用类似于组件的布局,可以设置组件的位置。

package com.example.luoge.uisample3;
/*实现计算器界面*/

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.Gravity;
import android.widget.Button;
import android.widget.GridLayout;


public class MainActivity extends AppCompatActivity {

    GridLayout gridLayout;
    String [] ops =  new String[]{
        "1" ,"2","3","/",
            "4","5","6","*",
            "7","8","9","-",
            ".","0","=","+",
    };

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        gridLayout = (GridLayout)findViewById(R.id.root);
        for(int i=0;inew Button(this);
            //设置按钮内容
            bn.setText(ops[i]);
            //设置文字大小
            bn.setTextSize(40);
            bn.setBackgroundColor(0xffffbb33);
            bn.setPadding(10,10,10,10);

            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);
            gridLayout.addView(bn,params);

        }



    }


}

<GridLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:rowCount="6"
    android:columnCount="4"
    android:id="@+id/root"
    >

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_columnSpan="4"
        android:textSize="50sp"
        android:layout_marginLeft="4px"
        android:layout_marginRight="4px"
        android:padding="5px"
        android:layout_gravity="right"
        android:background="#eee"
        android:textColor="#000"
        android:text="0"
        />

    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_columnSpan="4"
        android:backgroundTint="@android:color/holo_orange_light"
        android:text="清除" />



GridLayout>

你可能感兴趣的:(android开发)