a亚洲精品_精品国产91乱码一区二区三区_亚洲精品在线免费观看视频_欧美日韩亚洲国产综合_久久久久久久久久久成人_在线区

首頁(yè) > 系統(tǒng) > Android > 正文

android Activity線性布局和表格布局實(shí)例講解

2020-04-11 12:00:54
字體:
供稿:網(wǎng)友

實(shí)驗(yàn)中只需要編寫相應(yīng)的xml的代碼,java代碼不需要更改,因?yàn)槲覀冞@里只是練習(xí)android的界面設(shè)計(jì)。

線性布局:
線性布局就是將各種控件按照行或者列依次進(jìn)行排列。
其中本實(shí)驗(yàn)用到的各控件的屬性解釋如下:
android:layout_weight屬性是指不同的控件在activity中占有體積大小的比例。
android:paddingLeft指內(nèi)邊距左的距離,即控件內(nèi)文字離控件左邊邊界的距離。其它的類推。
android:gravity指控件內(nèi)文字相對(duì)于控件本身的方向?qū)傩?長(zhǎng)度為dip,與像素獨(dú)立的長(zhǎng)度。
android:background為控件內(nèi)文字顏色的背景色,顏色采用rgb時(shí)前面需用”#”號(hào).
android:textSize為文本的大小,單位為pt,即鎊。
android:id為該控件的id,即在此處可以設(shè)置控件的id。
android:layout_width為控件本身的寬度屬性,其它的類似。
實(shí)驗(yàn)結(jié)果顯示2行字,分別設(shè)置了不同的屬性。
效果如下:

xml代碼如下:

復(fù)制代碼 代碼如下:

<LinearLayout 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"
    android:orientation="vertical" >
    <!--
        線性布局中
        android:layout_weight屬性是指不同的控件在activity中占有體積大小的比例。
        android:paddingLeft指內(nèi)邊距左的距離,即控件內(nèi)文字離控件左邊邊界的距離。其它的類推。
        android:gravity指控件內(nèi)文字相對(duì)于控件本身的方向?qū)傩?長(zhǎng)度為dip,與像素獨(dú)立的長(zhǎng)度。
        android:background為控件內(nèi)文字顏色的背景色,顏色采用rgb時(shí)前面需用”#”號(hào).
        android:textSize為文本的大小,單位為pt,即鎊。
        android:id為該控件的id,即在此處可以設(shè)置控件的id。
        android:layout_width為控件本身的寬度屬性,其它的類似。   
    -->

    <TextView
        android:id="@+id/London"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="倫敦奧運(yùn)"
        android:textSize="20pt"
        android:background="#00ff00"
        android:gravity="center_horizontal"
        android:paddingLeft="10dip"
        android:paddingRight="10dip"
        android:paddingTop="10dip"
        android:paddingBottom="10dip"
        android:layout_weight="1"       
         />
    <TextView
        android:id="@+id/China"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="中國(guó)加油!!!"
        android:textSize="35pt"
        android:background="#ff0000"
        android:layout_weight="3"
         />

</LinearLayout>



表格布局:
表格布局有點(diǎn)類似表單的意思,可以在activity中建立多行,每一行又可以設(shè)置為多列,所以看起來橫豎條理比較清晰,因此叫做表格布局。
表格布局各控件屬性與線性布局類似,本實(shí)驗(yàn)用到的屬性解釋如下:
用TableRow來增加一行,然后該行內(nèi)各列依次并排。
android:padding指的是內(nèi)邊距的4個(gè)方向都采用同樣的間距。
android:stretchColumns屬性表示當(dāng)該行屬性設(shè)置為填充屏幕時(shí),指定將哪一列拉伸。
實(shí)驗(yàn)結(jié)果為顯示2行,每一行又有4列。
效果如下:

xml代碼如下:

復(fù)制代碼 代碼如下:

<TableLayout 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"
    android:stretchColumns="1"
    >
    <TableRow>
        <TextView
        android:text="國(guó)家"
        android:background="#848484"
        android:padding="2dip"
         />
        <TextView
            android:text="金牌"
            android:background="#ff0000"
            android:padding="2dip"
        />
        <TextView
            android:text="銀牌"
            android:background="#00ff00"
            android:padding="2dip"
            />
        <TextView
            android:text="銅牌"
            android:background="#0000ff"
            android:padding="2dip"
            />
        </TableRow>
    <TableRow >
         <TextView
        android:text="中國(guó)"
        android:background="#848484"
        android:padding="2dip"
         />
        <TextView
            android:text="*"
            android:background="#ff0000"
            android:padding="2dip"
        />
        <TextView
            android:text="**"
            android:background="#00ff00"
            android:padding="2dip"
            />
        <TextView
            android:text="***"
            android:background="#0000ff"
            android:padding="2dip"
            />
    </TableRow>
     <TableRow >
         <TextView
        android:text="美國(guó)"
        android:background="#848484"
        android:padding="2dip"
         />
        <TextView
            android:text="*"
            android:background="#ff0000"
            android:padding="2dip"
        />
        <TextView
            android:text="**"
            android:background="#00ff00"
            android:padding="2dip"
            />
        <TextView
            android:text="***"
            android:background="#0000ff"
            android:padding="2dip"
            />
    </TableRow>

</TableLayout>



 
線性布局和表格布局混合:
混合布局原理類似,只是大的layout中嵌入小layout,且小layout中又可以嵌入不同的layout。
這次實(shí)驗(yàn)將上面的2個(gè)實(shí)驗(yàn)混合起來顯示的,即總的布局為垂直方向上的線性布局,上面那個(gè)布局內(nèi)部又為垂直方向的布局,下面那個(gè)布局為也是一個(gè)線性布局,不過里面嵌入了一個(gè)表格布局,所以總共有4個(gè)布局。
效果如下:

xml代碼如下:

復(fù)制代碼 代碼如下:

<LinearLayout 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"
    android:orientation="vertical">

    <LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical"
    android:layout_weight="1" >   
    <TextView
        android:id="@+id/London"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="倫敦奧運(yùn)"
        android:textSize="5pt"
        android:background="#00ff00"
        android:gravity="center_horizontal"
        android:padding="10pt"
        android:layout_weight="1"       
         />
    <TextView
        android:id="@+id/China"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="中國(guó)加油!!!"
        android:textSize="8pt"
        android:background="#ff00ff"
        android:layout_weight="3"
         />
    </LinearLayout>

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_weight="3">
        <TableLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:stretchColumns="1"
            >
            <TableRow>
                <TextView
                android:text="國(guó)家"
                android:background="#848484"
                android:padding="2dip"
                 />
                <TextView
                    android:text="金牌"
                    android:background="#ff0000"
                    android:padding="2dip"
                />
                <TextView
                    android:text="銀牌"
                    android:background="#00ff00"
                    android:padding="2dip"
                    />
                <TextView
                    android:text="銅牌"
                    android:background="#0000ff"
                    android:padding="2dip"
                    />
                </TableRow>
            <TableRow >
                 <TextView
                android:text="中國(guó)"
                android:background="#848484"
                android:padding="2dip"
                 />
                <TextView
                    android:text="*"
                    android:background="#ff0000"
                    android:padding="2dip"
                />
                <TextView
                    android:text="**"
                    android:background="#00ff00"
                    android:padding="2dip"
                    />
                <TextView
                    android:text="***"
                    android:background="#0000ff"
                    android:padding="2dip"
                    />
            </TableRow>
             <TableRow >
                 <TextView
                android:text="美國(guó)"
                android:background="#848484"
                android:padding="2dip"
                 />
                <TextView
                    android:text="*"
                    android:background="#ff0000"
                    android:padding="2dip"
                />
                <TextView
                    android:text="**"
                    android:background="#00ff00"
                    android:padding="2dip"
                    />
                <TextView
                    android:text="***"
                    android:background="#0000ff"
                    android:padding="2dip"
                    />
            </TableRow>
        </TableLayout>
    </LinearLayout>

</LinearLayout>



實(shí)驗(yàn)總結(jié):
通過本次實(shí)驗(yàn)對(duì)activity的簡(jiǎn)單布局有了個(gè)初步的了解。

作者:tornadomeet

發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 久草资源在线 | 免费的色网站 | 免费国产视频 | 一级视频毛片 | 国产精品资源 | 日韩高清一区 | 久久久男人天堂 | 亚洲国产91 | 久久国内精品 | 久草一级片 | 亚洲精品一二三区 | 亚洲国产精品久久久久秋霞不卡 | 午夜精品久久久久久久99樱桃 | 日韩精品三区 | 精品国产一区二区三区四区 | 一级毛片在线 | 国产日韩91 | 逼逼逼网| 亚洲一区免费看 | 亚洲欧美一级 | 国产毛片在线看 | 噜噜av| 天天久久 | 福利视频一区二区三区 | 日韩精品在线播放 | 日韩电影一区二区三区 | 在线观看的黄色网址 | 欧美亚洲日本国产 | 91中文| 国产精品正在播放 | 国产精品视频久久久久 | 99re视频| 国产精品成av人在线视午夜片 | 成人在线www | 日韩精品一区二区三区在线播放 | 精品一区视频 | 亚洲综合首页 | 欧美激情精品 | 国产中文字幕亚洲 | 日韩av一区三区 | 久久久久久久成人 |