服务器之家:专注于VPS、云服务器配置技术及软件下载分享
分类导航

PHP教程|ASP.NET教程|Java教程|ASP教程|编程技术|正则表达式|C/C++|IOS|C#|Swift|Android|VB|R语言|JavaScript|易语言|vb.net|

服务器之家 - 编程语言 - Android - android Activity线性布局和表格布局实例讲解

android Activity线性布局和表格布局实例讲解

2021-02-07 18:41Android开发网 Android

在activity的布局中,线性布局和表格布局是最简单的,这次分别从线性布局,表格布局以及线性布局和表格混合布局做了实验

实验中只需要编写相应的xml的代码,java代码不需要更改,因为我们这里只是练习android的界面设计。

线性布局:
线性布局就是将各种控件按照行或者列依次进行排列。
其中本实验用到的各控件的属性解释如下:
android:layout_weight属性是指不同的控件在activity中占有体积大小的比例。
android:paddingleft指内边距左的距离,即控件内文字离控件左边边界的距离。其它的类推。
android:gravity指控件内文字相对于控件本身的方向属性,长度为dip,与像素独立的长度。
android:background为控件内文字颜色的背景色,颜色采用rgb时前面需用”#”号.
android:textsize为文本的大小,单位为pt,即镑。
android:id为该控件的id,即在此处可以设置控件的id。
android:layout_width为控件本身的宽度属性,其它的类似。
实验结果显示2行字,分别设置了不同的属性。
效果如下:
android Activity线性布局和表格布局实例讲解

xml代码如下:

复制代码 代码如下:


<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指内边距左的距离,即控件内文字离控件左边边界的距离。其它的类推。
        android:gravity指控件内文字相对于控件本身的方向属性,长度为dip,与像素独立的长度。
        android:background为控件内文字颜色的背景色,颜色采用rgb时前面需用”#”号.
        android:textsize为文本的大小,单位为pt,即镑。
        android:id为该控件的id,即在此处可以设置控件的id。
        android:layout_width为控件本身的宽度属性,其它的类似。   
    -->

    <textview
        android:id="@+id/london"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="伦敦奥运"
        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="中国加油!!!"
        android:textsize="35pt"
        android:background="#ff0000"
        android:layout_weight="3"
         />

 

</linearlayout>



表格布局:
表格布局有点类似表单的意思,可以在activity中建立多行,每一行又可以设置为多列,所以看起来横竖条理比较清晰,因此叫做表格布局。
表格布局各控件属性与线性布局类似,本实验用到的属性解释如下:
用tablerow来增加一行,然后该行内各列依次并排。
android:padding指的是内边距的4个方向都采用同样的间距。
android:stretchcolumns属性表示当该行属性设置为填充屏幕时,指定将哪一列拉伸。
实验结果为显示2行,每一行又有4列。
效果如下:
android Activity线性布局和表格布局实例讲解

 

xml代码如下:

复制代码 代码如下:


<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="国家"
        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="中国"
        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="美国"
        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。
这次实验将上面的2个实验混合起来显示的,即总的布局为垂直方向上的线性布局,上面那个布局内部又为垂直方向的布局,下面那个布局为也是一个线性布局,不过里面嵌入了一个表格布局,所以总共有4个布局。
效果如下:

android Activity线性布局和表格布局实例讲解

 

xml代码如下:

复制代码 代码如下:


<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="伦敦奥运"
        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="中国加油!!!"
        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="国家"
                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="中国"
                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="美国"
                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>



实验总结:
通过本次实验对activity的简单布局有了个初步的了解。

作者:tornadomeet

延伸 · 阅读

精彩推荐
  • AndroidAndroid实现Service获取当前位置(GPS+基站)的方法

    Android实现Service获取当前位置(GPS+基站)的方法

    这篇文章主要介绍了Android实现Service获取当前位置(GPS+基站)的方法,较为详细的分析了Service基于GPS位置的技巧,具有一定参考借鉴价值,需要的朋友可以参考下...

    Ruthless8332021-03-31
  • AndroidAndroid中AsyncTask详细介绍

    Android中AsyncTask详细介绍

    这篇文章主要介绍了Android中AsyncTask详细介绍,AsyncTask是一个很常用的API,尤其异步处理数据并将数据应用到视图的操作场合,需要的朋友可以参考下...

    Android开发网7432021-03-11
  • AndroidAndroid CardView+ViewPager实现ViewPager翻页动画的方法

    Android CardView+ViewPager实现ViewPager翻页动画的方法

    本篇文章主要介绍了Android CardView+ViewPager实现ViewPager翻页动画的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧...

    Abby代黎明9592022-03-02
  • AndroidAndroid界面效果UI开发资料汇总(附资料包)

    Android界面效果UI开发资料汇总(附资料包)

    android ui界面设计,友好的界面会提高用户体验度;同时也增强了android ui界面设计的难度,本文提供了一些常用开发资料(有下载哦)感兴趣的朋友可以了解下...

    Android开发网4652021-01-03
  • AndroidAndroid编程解析XML方法详解(SAX,DOM与PULL)

    Android编程解析XML方法详解(SAX,DOM与PULL)

    这篇文章主要介绍了Android编程解析XML方法,结合实例形式详细分析了Android解析XML文件的常用方法与相关实现技巧,需要的朋友可以参考下...

    liuhe68810042021-05-03
  • AndroidAndroid程序设计之AIDL实例详解

    Android程序设计之AIDL实例详解

    这篇文章主要介绍了Android程序设计的AIDL,以一个完整实例的形式较为详细的讲述了AIDL的原理及实现方法,需要的朋友可以参考下...

    Android开发网4622021-03-09
  • Android汇总Android视频录制中常见问题

    汇总Android视频录制中常见问题

    这篇文章主要汇总了Android视频录制中常见问题,帮助大家更好地解决Android视频录制中常见的问题,需要的朋友可以参考下...

    yh_thu5192021-04-28
  • AndroidAndroid实现固定屏幕显示的方法

    Android实现固定屏幕显示的方法

    这篇文章主要介绍了Android实现固定屏幕显示的方法,实例分析了Android屏幕固定显示所涉及的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下...

    鉴客6182021-03-27