gridlaylout 简单布局

package com.example.gridlayout;

import android.app.Activity;
import android.os.Bundle;
import android.view.Gravity;
import android.widget.Button;
import android.widget.GridLayout;

public class MainGrid extends Activity {
    GridLayout grd;
    String[] chas=new String[]
            {
              "7","8","9","*"
              ,"4","5","6","/"
              ,"1","2","3","+"
              ,"0",".","=","-"

            };

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
       setContentView(R.layout.activity_main_grid);
        grd=(GridLayout)findViewById(R.id.root);
        for(int i=0;i<chas.length;i++)
        {
            Button bt=new Button(this);
             bt.setText(chas[i]);
             bt.setTextSize(40);
             bt.setHeight(200);
                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);
                grd.addView(bt , params);

        }
    }
}
<?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:rowCount="6"
    android:columnCount="4"
    android:id="@+id/root"
    >
<!-- 定义一个横跨4列的文本框,
并设置该文本框的前景色、背景色等属性  -->
<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"/>
<!-- 定义一个横跨4列的按钮 -->
<Button
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_columnSpan="4"
    android:text="清除"/>
</GridLayout>
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.example.gridlayout"
    android:versionCode="1"
    android:versionName="1.0" >

    <uses-sdk
        android:minSdkVersion="17"
        android:targetSdkVersion="21" />

    <application
        android:allowBackup="true"
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" >
        <activity
            android:name=".MainGrid"
            android:label="@string/app_name" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

</manifest>
时间: 2024-12-06 17:09:17

gridlaylout 简单布局的相关文章

table 和 div 简单布局

table 简单布局 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv=&qu

WPF简单布局 浅尝辄止

WPF的窗口只能包含一个元素,为了在WPF窗口中放置多个元素并创建更实用的用户界面,需要在窗口上放置一个容器,然后在容器中放置其它元素. 注意:造成这一限制的原因是window类继承自contentcontrol类, 说道简单布局不得不说下wpf的布局原则: 理想窗口要遵循的布局原则: 1,不应显示的设定元素的尺寸. 2,不应使用屏幕坐标指定元素的位置. 3,布局容器和他们的子元素“共享”可以使用的空间. 4,可以嵌套布局容器. 布局过程包括:测量阶段和排列阶段.所有的wpf布局容器都是派生自s

DIV+CSS 样式简单布局Tab 切换

<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <script src="../JS/JQuery/jquery-1.9.1.js" type="text/javascript"></script> <style type="

css练习 简单布局

<!DOCTYPE html> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <link href="style/style.css" rel="stylesheet" type="text

利用CSS简单布局的不同组合类型

关于CSS布局页面的简单组合方式: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-eq

【ExtJS】简单布局应用

前几天学习了ExtJS的各种布局后,以下就是各种实践,从简单做起. 实现目的: 一个提交表单页,一个显示信息页,表单为个人基本资料输入,显示页为基本信息展示. 内容: 总体布局为border布局,展示页为west,提交表单为center.展示页可折叠,默认为折叠状态. 1.展示页用一个panel展示.可折叠,默认为折叠状态.点击提交后展示,点击关闭后关闭. 1 var show = Ext.create('Ext.panel.Panel',{ 2 region: 'west', 3 title:

CSS学习之首页简单布局

作为一个PHPer,在前端方面javascript.jquery这些的日常工作还搞的定.可对于div+css这些东西可就头疼了,所以现在开始学习CSS 跟着燕十八的教程开始从最基础学起,首先练习一个简单首页的布局 1 <html> 2 <head> 3 <title>首页布局</title> 4 <style> 5 #container { 6 width: 1200px; 7 background-color: blue; 8 } 9 #hea

Masonry 布局 cell 高度适应的一种方案(实现类似朋友圈简单布局)

来源:伯乐在线 - 夏天然后 链接:http://ios.jobbole.com/89298/ 点击 → 申请加入伯乐在线专栏作者 前言: 我模仿的是微博的布局所以也就没有 评论动态刷新cell. 1.什么人群适合看? 好奇Masonry使用的, 听过没用过, 没有深入的接触过的 可以看. 2.为什么要写? 很多文章都是这个原因 1 备忘 2 给需要的人 -.- 3.这篇可以了解哪些? Masonry + HYBMasonryAutoCellHeight + TTTAttributedLabel

iOS-collectionView,简单布局简单使用

简单的布局,简单的使用,效果如下 首先一定要确定每个cell的大小,以及cell之间的间距.边距之间的距离和 #pragma mark --UICollectionViewDelegateFlowLayout //定义每个Item 的大小 - (CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout sizeForItemAtInde