android - 使用嵌套布局定义特定的 xml 布局

Question

我正在设计我的第一个 Android 应用程序，并试图掌握创建 XML 布局的窍门。（我对 Java 有丰富的经验）

基本上我想做的事情：

大纲描述的地方：

蓝色：基本视图（我可以在其中设置文本）

红色：一个 ButtonView（用于用户同步数据）

绿色：嵌套的 RelativeLayout（我将在其中添加很多其他内容）

更具体地说，我想做的是：

所以我的问题是：如何设置不同的布局？我在设置蓝色和红色视图时遇到了一定的麻烦，因为我希望红色视图填充大约 25% 的屏幕宽度（蓝色填充最后 75%）。

先感谢您。

Answer 1

使用layout_weight属性指定视图占用的屏幕空间百分比。

就像这里一样，例如：

<LinearLayout android:layout_height="match_parent" android:layout_width="match_parent"
android:orientation="vertical"    .........>

     <LinearLayout android:layout_height="wrap_content" android:layout_width="match_parent"
     android:orientation="horizontal">

           <EditText android:layout_height="wrap_content" android:layout_width="0dip"
           android:layout_weight="3"/>

           <Button android:layout_height="wrap_content" android:layout_width="0dip"
           android:layout_weight="1"/>

     </LinearLayout>

     //Other view

</LinearLayout>

Answer 2

使用以下 xml，这是专门为您设计的。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <RelativeLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" 
        android:layout_alignParentLeft="true"
        android:layout_weight="0.75">

        <TextView
            android:id="@+id/headingTextView"
            style="@android:style/TextAppearance.WindowTitle"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"

            android:text="Cafe Vigeos"
            android:textColor="@android:color/white"
            android:textSize="30sp" />
         </RelativeLayout>
         <RelativeLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" 
        android:layout_alignParentRight="true"
        android:layout_weight="0.25">
        <Button
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            />
    </RelativeLayout>

    <RelativeLayout
        android:id="@+id/nested_relative_layout"
        android:layout_width="match_parent"
        android:layout_height="fill_parent" >
    </RelativeLayout>

</LinearLayout>