安卓个人学习

安卓个人学习介绍

我想在一下内容里介绍一下我学到的布局
常用的布局方式有LinearLayout, RleativeLayout, TableLayout, FrameLayout等。。。

RleativeLayout：button、文字、输入框。这些都是基础的设置，能看得到的。我们先来看看能看见的东西吧。
先看看布局文件，下图是一个新建的project
安卓个人学习

布局文件在res/layout/文件夹以下，activity_hello_world.xml.这里顺便说明一下。文件名称必须用小写。不同单词用‘_’分开。
打开文件，点击图中的Graphical Layout能够看到一个可视化的布局界面，能够选择不同组件，然后拖拽摆放。
我们能够看到已经有一个字符串在上面了“Hello world!”。如今加多一些文字，button，输入框看看吧。这样应该能显示出布局的作用。
拖拽的时候，会出现各种对齐其它组件的提示。我随便摆。然后就非常乱了。
安卓个人学习

随便拉了一些button和文字。拉过去就会显示出来，本来想拉个输入框的。可是好像报错。可能有些操作不正确。只是今天的主题的布局，所以先不研究文本、button这些控件的细节。执行程序后界面跟上图一样，就不上图了。
上图的文本。button乱糟糟的，是我任意拉的，好像放在哪里就哪里了。我们先看看布局文件的xml代码怎样。为什么会是这种。

lativeLayout 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”
tools:context=" ${relativePackage}.$ {activityClass}" >

这是手动拉进来的TextView，跟上面的差点儿相同。还多了一些属性。 layout_alignParentLeft是左对齐。

<Button
    android:id="@+id/button1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_below="@+id/textView1"
    android:layout_marginTop="16dp"
    android:text="Button" />

<Button
    android:id="@+id/button2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignBottom="@+id/button1"
    android:layout_marginLeft="27dp"
    android:layout_toRightOf="@+id/button1"
    android:text="Button" />

<Button
    android:id="@+id/button3"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignBaseline="@+id/button2"
    android:layout_alignBottom="@+id/button2"
    android:layout_toRightOf="@+id/button2"
    android:text="Button" />

<TextView
    android:id="@+id/textView3"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignRight="@+id/button2"
    android:layout_below="@+id/button1"
    android:layout_marginRight="32dp"
    android:layout_marginTop="23dp"
    android:text="Medium Text"
    android:textAppearance="?android:attr/textAppearanceMedium" />

<TextView
    android:id="@+id/textView4"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignLeft="@+id/button3"
    android:layout_below="@+id/textView3"
    android:text="Large Text"
    android:textAppearance="?android:attr/textAppearanceLarge" />

通过这个xml文件，我们能够看到layout组件跟TextView、Button，有非常多相似的地方。

这些控件按钮有非常多共同的属性。这些属性是有默认值的，非常多是能够不配置今接触到的属性主要有显示的文字内容，摆放位置。以及id。

LinearLayout：
直接把RleativeLayout改了。layout_alignParentLeft这些明显是相对位置的属性，所有提警告说不合法了。把那些明显是相对布局的东西删除掉后。

android:orientation为方向属性。vertical为垂直排列。所以layout组件会把全部的子元素，都竖直排列出来。

<TextView
    android:id="@+id/textView1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="@string/text1" />

<Button
    android:id="@+id/button1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" 
    android:text="@string/text2" />

<Button
    android:id="@+id/button2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" 
    android:text="@string/text3" />

<Button
    android:id="@+id/button3"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="@string/text4" />

<TextView
    android:id="@+id/textView3"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"  
    android:text="@string/text5" />

<TextView
    android:id="@+id/textView4"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" 
    android:text="@string/text6"  />

能够看到，非常整齐了，竖着拍成一排了。 TableLayout：感觉上这个布局就跟HTML的table一样，把全部的组件弄成一个一个的表格。它的元素分成一行一行的，TableRow。再以下才是详细的一个个元素。子元素的宽度是不可控的，高度能够依据自身变化。

安卓个人学习

    <TableRow 
        android:id="@+id/tableRow1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" >

        <Button
            android:id="@+id/button4"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Button1" />

        <Button
            android:id="@+id/button5"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Button2" />

        <Button
            android:id="@+id/button7"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Button3" />


    </TableRow>

    <TableRow
        android:id="@+id/tableRow2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" >

        <TextView
            android:id="@+id/textView5"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="TextView" />

        <TextView
            android:id="@+id/textView6"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="TextView" />

        <TextView
            android:id="@+id/textView7"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Large Text"
            android:textAppearance="?android:attr/textAppearanceLarge" />

        

    </TableRow>

    <TableRow
        android:id="@+id/tableRow3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" >

        <TextView
            android:id="@+id/textView9"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="TextView" />

        <TextView
            android:id="@+id/textView10"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Large Text"
            android:textAppearance="?android:attr/textAppearanceLarge" />

        <Button
            android:id="@+id/button8"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Button" />


    </TableRow>

    <TableRow
        android:id="@+id/tableRow4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" >
    </TableRow> 
    简单布局和它们的使用属性我所了解的基本上就是这些。

安卓个人学习介绍

相关推荐