我正在尝试创建具有 3 个主行的布局。我正在使用 ActionBarFragment (来自 v7 兼容性)。我已经尝试了我能想到的线性和相对布局的所有组合。当我只有 button1 时我得到了它,但当我添加 Button 的 2 和 3 时没有。我尝试将功能(EditText 和 3 按钮)包装到自定义 View 类中(使用合并布局文件扩展 RelativeLayout)
期望的外观:
| actionbar |
+--------------------+
| infobar |
+--------------------+
| staggered |
| grid view |
| |
| |
| |
| |
| |
| |
+--------------------+
| | button1 |
| EditView | button2 |
| | button3 |
我当前的结果与围绕交错视图和编辑文本和按钮的相对布局
| actionbar |
+--------------------+
| infobar |
+--------------------+
| staggered |
| grid view |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
使用 LinearLayout 包围网格视图和编辑文本/按钮时的结果
| actionbar |
+--------------------+
| infobar |
+--------------------+
| | button1 |
| | button2 |
| | button3 |
| | |
| | |
| | |
| EditView | |
| | |
| | |
| | |
| | |
| | |
| | |
我当前的布局:活动的布局
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/eventActivityLayout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:showDividers="middle" >
<RelativeLayout
android:id="@+id/infoBar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#AAA" >
<TextView
android:id="@+id/left_text"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="3dp"
android:textSize="12sp" />
<TextView
android:id="@+id/right_text"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:layout_toRightOf="@+id/left_text"
android:gravity="right"
android:padding="3dp"
android:textAlignment="viewEnd"
android:textSize="12sp" />
</RelativeLayout>
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content" >
<com.example.EventStaggeredGridView
android:id="@+id/gridView"
android:layout_width="match_parent"
android:layout_height="match_parent"/>
<com.example.EventCreatePostView
android:id="@+id/eventCreatePost"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@+id/gridView"
android:background="#EEE" />
</RelativeLayout>
</LinearLayout>
底视图的布局
<?xml version="1.0" encoding="utf-8"?>
<merge xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content" >
<RelativeLayout
android:id="@+id/postRow"
android:layout_width="match_parent"
android:layout_height="wrap_content" >
<EditText
android:id="@+id/postMessageText"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_alignParentLeft="true"
android:layout_alignParentRight="false"
android:layout_alignParentTop="true"
android:layout_toLeftOf="@+id/buttons"
android:bufferType="spannable"
android:hint="@string/share"
android:imeOptions="actionDone"
android:inputType="textCapSentences|textMultiLine" />
<LinearLayout
android:id="@+id/buttons"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_alignParentLeft="false"
android:layout_alignParentRight="true"
android:layout_alignParentTop="true"
android:orientation="vertical" >
<Button
android:id="@+id/postMessageButton"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="@string/post" />
<ImageButton
android:id="@+id/cameraButton"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:contentDescription="@string/attach_photo_from_camera_or_gallery"
android:src="@drawable/ic_action_camera" />
<ImageButton
android:id="@+id/videoButton"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:contentDescription="@string/attach_video_from_camera_or_gallery"
android:src="@drawable/ic_action_video" />
</LinearLayout>
</RelativeLayout>
</merge>