安卓个人学习

最新推荐文章于 2024-04-30 15:39:42 发布

是非，

最新推荐文章于 2024-04-30 15:39:42 发布

阅读量254

点赞数

文章标签： a_KXX

本文链接：https://blog.csdn.net/a_KXX/article/details/89311841

版权

安卓个人学习介绍

我想在一下内容里介绍一下我学到的布局
常用的布局方式有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> 
    简单布局和它们的使用属性我所了解的基本上就是这些。

是非，

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
安卓个人学习

安卓个人学习介绍我想在一下内容里介绍一下我学到的布局常用的布局方式有LinearLayout, RleativeLayout, TableLayout, FrameLayout等。。。RleativeLayout：button、文字、输入框。这些都是基础的设置，能看得到的。我们先来看看能看见的东西吧。先看看布局文件，下图是一个新建的project布局文件在res/layout/文件夹以...
复制链接

扫一扫