Android_layout 布局(二)

2023-07-17 17:18:10

昨天学习了layout 布局的线性布局和相对布局。

今天我们学习剩余的三个布局，分别是：

一、帧布局（FrameLayout）

　　在这个布局中，所有的子元素都不能被指定放置的位置，它们通通放于这块区域的左上角，并且后面的子元素直接覆盖在前面的子元素之上，将前面的子元素部分和全部遮挡。

注：帧布局和线性布局的区别

　　在大体上的用法等等两者还是很相似的。但是有一点两点的根本区别。

　　帧布局是有“深度”的，它只追求在这个点上去深入。

　　线性布局是有“广度”的，它是向外延展的，他就是一个“面”。

 <?xml version="1.0" encoding="utf-8"?>

 <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"

     android:layout_width="match_parent"

     android:layout_height="match_parent" >

     <TextView

         android:id="@+id/textView1"

         android:layout_width="300dp"

         android:layout_height="300dp"

         android:text="1"

         android:background="#ff00ff"/>

     <TextView

         android:id="@+id/textView2"

         android:layout_width="200dp"

         android:layout_height="200dp"

         android:text="2"

         android:background="#00ffff" />

     <TextView

         android:id="@+id/textView3"

         android:layout_width="100dp"

         android:layout_height="100dp"

         android:background="#ff0000"

         android:text="3" />

 </FrameLayout>

二、绝对布局（AbsoluteLayout）

　　1.absoluteLayout 又叫坐标布局，可以直接指定子元素的绝对位置（x,y）

　 2.由于手机屏幕尺寸差别比较大，使用绝对定位的适应性会比较差，在屏幕的适配上有缺陷

　　3.子控件的属性

　　android:layout_x="35dip" 控制当前子类控件的x位置

　　android:layout_y="35dip" 控制当前子类控件的y位置

注：建议最好不要使用绝对布局，我们手机屏幕大小不同，你用这个型号，这个大小的手机定位好的位置，当你换了个手机尺寸不一样的，就会将你的布局打乱，这样很不好。我在这就不演示了。记住，记住，最好不要使用，不利用开发。

三、表格布局（TableLayout）

　　表格布局类似于我们html 中的table 元素一样。

我们来看看他的属性。

接下来我们做个简单的表格布局的栗子来认识下这个表格布局。计算器

<?xml version="1.0" encoding="utf-8"?>

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:stretchColumns="*" >

        <EditText

            android:layout_width="match_parent"

            android:layout_height="60dp"

            android:gravity="center_vertical|right"

            android:layout_weight="1"/>

    <TableRow

            android:layout_weight="1">

        <Button

            android:id="@+id/btn7"

            android:layout_width="wrap_content"

            android:layout_height="match_parent"

            android:text="7" />

        <Button

            android:id="@+id/btn8"

            android:layout_width="wrap_content"

            android:layout_height="match_parent"

            android:text="8" />

        <Button

            android:id="@+id/btn9"

            android:layout_width="wrap_content"

            android:layout_height="match_parent"

            android:text="9" />

        <Button

            android:id="@+id/btnchu"

            android:layout_width="wrap_content"

            android:layout_height="match_parent"

            android:text="/" />

    </TableRow>

    <TableRow

            android:layout_weight="1">

        <Button

            android:id="@+id/btn4"

            android:layout_width="wrap_content"

            android:layout_height="match_parent"

            android:text="4" />

        <Button

            android:id="@+id/btn5"

            android:layout_width="wrap_content"

            android:layout_height="match_parent"

            android:text="5" />

        <Button

            android:id="@+id/btn6"

            android:layout_width="wrap_content"

            android:layout_height="match_parent"

            android:text="6" />

        <Button

            android:id="@+id/btncheng"

            android:layout_width="wrap_content"

            android:layout_height="match_parent"

            android:text="*" />

    </TableRow>

    <TableRow

            android:layout_weight="1">

        <Button

            android:id="@+id/btn1"

            android:layout_width="wrap_content"

            android:layout_height="match_parent"

            android:text="1" />

        <Button

            android:id="@+id/btn2"

            android:layout_width="wrap_content"

            android:layout_height="match_parent"

            android:text="2" />

        <Button

            android:id="@+id/btn3"

            android:layout_width="wrap_content"

            android:layout_height="match_parent"

            android:text="3" />

        <Button

            android:id="@+id/btnjian"

            android:layout_width="wrap_content"

            android:layout_height="match_parent"

            android:text="-" />

    </TableRow>

    <TableRow

            android:layout_weight="1">

        <Button

            android:id="@+id/btn0"

            android:layout_width="wrap_content"

            android:layout_height="match_parent"

            android:text="0" />

        <Button

            android:id="@+id/btndian"

            android:layout_width="wrap_content"

            android:layout_height="match_parent"

            android:text="." />

        <Button

            android:id="@+id/btnjia"

            android:layout_width="wrap_content"

            android:layout_height="match_parent"

            android:text="+" />

        <Button

            android:id="@+id/btndeng"

            android:layout_width="wrap_content"

            android:layout_height="match_parent"

            android:text="=" />

    </TableRow>

    <TableRow

            android:layout_weight="1">

        <Button

            android:id="@+id/clear"

            android:layout_width="wrap_content"

            android:layout_height="match_parent"

            android:layout_span="4"

            android:text="clear" />

    </TableRow>

</TableLayout>

效果显示是这样的。

关于android 的 layout 布局，就暂时讲这些，关于这几大布局的属性，大家有空都可以去试试，多练习下布局的排布，综合起来，排布一个页面什么的。属性每个布局中的属性。

今天就先到这，欢迎大家一起学习。

码农公寓

相关文章