Android绝对布局示意图 android绝对布局的优缺点

转载

柳随风 2023-10-23 19:52:41

文章标签 Android绝对布局示意图 android xml Text 文章分类 Android 移动开发

3)AbsoluteLayout(绝对布局):AbsoluteLayout 可以让子元素指定准确的x/y坐标值，并显示在屏幕上。(0, 0)为左上角，当向下或向右移动时，坐标值将变大。AbsoluteLayout 没有页边框，允许元素之间互相重叠（尽管不推荐）。我们通常不推荐使用 AbsoluteLayout ，除非你有正当理由要使用它，因为它使界面代码太过刚性，以至于在不同的设备上可能不能很好地工作。

<?xml version="1.0" encoding="utf-8"?>
<AbsoluteLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_height="fill_parent" android:layout_width="fill_parent">
    <AnalogClock android:id="@+id/AnalogClock01"
        android:layout_width="wrap_content" android:layout_height="wrap_content"
        android:layout_x="60px" android:layout_y="10px"></AnalogClock>
    <Button android:layout_width="wrap_content"
        android:layout_height="wrap_content" android:text="ok" android:id="@+id/al_bnOK"
        android:layout_y="180px" android:layout_x="80px"></Button>
    <Button android:layout_width="wrap_content"
        android:layout_height="wrap_content" android:id="@+id/al_bnCancel"
        android:text="cancel" android:layout_y="180px" android:layout_x="160px"></Button>
</AbsoluteLayout>

4)RelativeLayout(相对布局):允许子元素指定他们相对于其它元素或父元素的位置（通过ID 指定）。因此，你可以以右对齐，或上下，或置于屏幕中央的形式来排列两个元素。元素按顺序排列，因此如果第一个元素在屏幕的中央，那么相对于这个元素的其它元素将以屏幕中央的相对位置来排列。如果使用XML 来指定这个 layout ，在你定义它之前，被关联的元素必须定义。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="fill_parent"
    android:layout_height="fill_parent">
    <TextView android:layout_width="fill_parent"
        android:layout_height="wrap_content" android:text="请输出用户名:"
        android:id="@+id/label" />
    <!-- 这个EditText在上边id为label的TextView的下边 -->
    <EditText android:layout_below="@+id/label"
        android:layout_width="fill_parent" android:id="@+id/entry"
        android:layout_height="wrap_content"></EditText>
    <!-- android:layout_marginLeft表示已左边为准,偏移多少位置 -->
    <!-- android:layout_below 表示已那个组件为准,放在那个组件的下方 -->
    <Button android:layout_below="@+id/entry" android:layout_width="wrap_content"
        android:text="取消" android:layout_marginLeft="50dip"
        android:layout_height="wrap_content" android:id="@+id/Button01"></Button>
    <Button android:layout_below="@+id/entry" android:layout_width="wrap_content"
        android:text="确定" android:layout_height="wrap_content" android:id="@+id/Button02"
        android:layout_toRightOf="@+id/Button01"></Button>
</RelativeLayout>

5)FrameLayout(框架布局):FrameLayout是最简单的一个布局对象。它被定制为你屏幕上的一个空白备用区域，之后你可以在其中填充一个单一对象 — 比如，一张你要发布的图片。所有的子元素将会固定在屏幕的左上角；你不能为FrameLayout中的一个子元素指定一个位置。后一个子元素将会直接在前一个子元素之上进行覆盖填充，把它们部份或全部挡住（除非后一个子元素是透明的）。
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content" android:layout_height="wrap_content">
    <ImageView android:id="@+id/ImageView01"
        android:layout_width="wrap_content" android:layout_height="wrap_content"
        android:src="@drawable/map"></ImageView>
    <LinearLayout android:id="@+id/LinearLayout01"
        android:layout_height="wrap_content" android:gravity="center_vertical"
        android:layout_width="fill_parent">
        <Button android:layout_width="wrap_content"
            android:layout_height="wrap_content" android:text="submit"
            android:id="@+id/bnSubmit"></Button>
        <Button android:layout_width="wrap_content"
            android:layout_height="wrap_content" android:id="@+id/bnCancel"
            android:text="cancel"></Button>
    </LinearLayout>
    <LinearLayout android:id="@+id/LinearLayout02"
        android:layout_width="wrap_content" android:layout_height="wrap_content"
        android:orientation="vertical">
        <Button android:layout_width="wrap_content"
            android:layout_height="wrap_content" android:id="@+id/bnOk"
            android:text="ok"></Button>
        <Button android:id="@+id/Button01" android:layout_width="wrap_content"
            android:layout_height="wrap_content" android:text="cancel"></Button>
    </LinearLayout>
</FrameLayout>

常用组件：
1)文本输入域：

<LinearLayout android:id="@+id/LinearLayout01"
        android:layout_height="wrap_content" android:layout_width="fill_parent">
        <TextView android:layout_width="wrap_content"
            android:layout_height="wrap_content" android:id="@+id/adduser_tvUsername"
            android:text="username:"></TextView>
        <EditText android:layout_height="wrap_content"
            android:layout_width="fill_parent" android:id="@+id/adduser_etUsername"></EditText>
</LinearLayout>

2)密码输入域：

<LinearLayout android:id="@+id/LinearLayout02"
        android:layout_height="wrap_content" android:layout_width="fill_parent">
        <TextView android:layout_width="wrap_content"
            android:layout_height="wrap_content" android:text="password:"
            android:id="@+id/adduser_tvPassword"></TextView>
        <EditText android:layout_height="wrap_content"
            android:layout_width="fill_parent" android:password="true"
            android:id="@+id/adduser_etPassword"></EditText>
</LinearLayout>

3)单选按钮：

<LinearLayout android:id="@+id/LinearLayout03"
        android:layout_height="wrap_content" android:layout_width="fill_parent">
        <TextView android:layout_width="wrap_content"
            android:layout_height="wrap_content" android:text="sex:"
            android:id="@+id/adduser_tvSex"></TextView>
        <RadioGroup android:layout_width="wrap_content"
            android:layout_height="wrap_content" android:id="@+id/adduser_bgSEX"
            android:orientation="horizontal">
            <RadioButton android:layout_width="wrap_content"
                android:layout_height="wrap_content" android:id="@+id/adduser_brMale"
                android:text="male"></RadioButton>
            <RadioButton android:layout_width="wrap_content"
                android:layout_height="wrap_content" android:id="@+id/adduser_rbFemale"
                android:text="female"></RadioButton>
        </RadioGroup>
</LinearLayout>

4)下拉列表：

<LinearLayout android:id="@+id/LinearLayout04"
        android:layout_height="wrap_content" android:layout_width="fill_parent">
        <TextView android:layout_width="wrap_content"
            android:layout_height="wrap_content" android:text="degree:"
            android:id="@+id/adduser_tvDegree"></TextView>
        <Spinner android:layout_width="wrap_content"
            android:layout_height="wrap_content" android:id="@+id/adduser_spinnerDegree"></Spinner>
</LinearLayout>

向spinner增加数据两种方式：
A、通过编程来增加数据：

public class AddUser extends Activity {
    private List<String> degrees = new ArrayList<String>();
    public AddUser(){
    degrees.add("中专");
    degrees.add("大专");
    degrees.add("本科");
    degrees.add("研究生");
    }    
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.adduser);
        ArrayAdapter<String> adapter = new ArrayAdapter<String>(this,android.R.layout.simple_list_item_1,degrees);
        Spinner spinner = (Spinner)this.findViewById(R.id.adduser_spinnerDegree);
        spinner.setAdapter(adapter);
    }    
}

B、在XML文件中定义数据
在values目录下新建arrays.xml文件:

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <array name="degree">
        <item>technical secondary school</item>
        <item>junior college student</item>
        <item>sociology</item>
    </array>
</resources>

public class AddUser extends Activity {
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.adduser);
        ArrayAdapter<CharSequence> adapter = ArrayAdapter.createFromResource(this, R.array.degree,android.R.layout.simple_spinner_item);        
        Spinner spinner = (Spinner)this.findViewById(R.id.adduser_spinnerDegree);
        spinner.setAdapter(adapter);            
    }
}

5)复选框：

<LinearLayout android:id="@+id/LinearLayout05"
        android:layout_height="wrap_content" android:layout_width="fill_parent">
        <TextView android:layout_width="wrap_content"
            android:layout_height="wrap_content" android:text="interest:"
            android:id="@+id/adduser_tvInterest"></TextView>
        <CheckBox android:layout_width="wrap_content"
            android:layout_height="wrap_content" android:id="@+id/adduser_cbGames"
            android:text="games"></CheckBox>
        <CheckBox android:layout_width="wrap_content"
            android:layout_height="wrap_content" android:id="@+id/adduser_cbFootball"
            android:text="football"></CheckBox>
</LinearLayout>

6)按钮：

<LinearLayout android:id="@+id/LinearLayout06"
        android:layout_height="wrap_content" android:layout_width="fill_parent"
        android:gravity="center_horizontal">
        <Button android:layout_width="wrap_content"
            android:layout_height="wrap_content" android:id="@+id/adduser_bnSubmit"
            android:text="submit"></Button>
        <Button android:layout_width="wrap_content"
            android:layout_height="wrap_content" android:id="@+id/adduser_bnReset"
            android:text="reset"></Button>
</LinearLayout>

本文章为转载内容，我们尊重原作者对文章享有的著作权。如有内容错误或侵权问题，欢迎原作者联系我们进行内容更正或删除文章。