我想创建一个可以使UI看起来如图所示的布局。
欢迎所有评论和指示。
添加我当前的布局:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout android:layout_width="fill_parent"
android:layout_height="fill_parent" android:orientation="vertical"
android:id="@+id/video_panel">
<RelativeLayout android:layout_width="fill_parent"
android:id="@+id/top_panel" android:gravity="top"
android:orientation="horizontal" android:alwaysDrawnWithCache="true"
android:layout_height="fill_parent" android:layout_gravity="top"
android:layout_weight="14" android:background="@drawable/top_bg1">
<TextView android:layout_width="wrap_content"
android:layout_height="fill_parent" android:id="@+id/date"
android:layout_alignParentLeft="true" android:layout_alignParentTop="true"
android:text="@string/space" />
<RelativeLayout android:layout_centerHorizontal="true"
android:id="@+id/button_panel" android:layout_height="fill_parent"
android:layout_width="wrap_content" android:gravity="center_horizontal"
android:layout_centerInParent="true">
</RelativeLayout>
<TextView android:layout_height="fill_parent"
android:layout_width="wrap_content" android:layout_alignParentRight="true"
android:layout_alignParentTop="true" android:id="@+id/time"
android:text="@string/space" />
</RelativeLayout>
<LinearLayout android:layout_width="fill_parent"
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_height="fill_parent" android:layout_gravity="center_horizontal"
android:layout_weight="4" android:id="@+id/screen">
</LinearLayout>
<RelativeLayout android:layout_width="fill_parent"
android:id="@+id/bottom_panel" android:layout_height="fill_parent"
android:layout_gravity="bottom" android:layout_weight="13"
android:orientation="vertical" android:background="@drawable/bottom_bg1"
android:duplicateParentState="true" android:alwaysDrawnWithCache="true">
<LinearLayout android:foregroundGravity="center"
android:id="@+id/album_art" android:layout_alignParentLeft="true"
android:layout_width="256dip" android:layout_height="fill_parent">
<ImageView android:layout_width="fill_parent"
android:layout_height="fill_parent" android:layout_gravity="center"
android:id="@+id/thumbnail"></ImageView>
</LinearLayout>
<LinearLayout android:layout_toRightOf="@+id/album_art"
android:layout_height="fill_parent" android:orientation="vertical"
android:paddingTop="10dip" android:layout_width="wrap_content"
android:layout_centerHorizontal="true" android:layout_toLeftOf="@+id/status_frame"
android:id="@+id/info_panel">
</LinearLayout>
<FrameLayout android:layout_width="wrap_content"
android:id="@+id/status_frame" android:layout_height="fill_parent"
android:visibility="visible" android:foregroundGravity="center"
android:layout_alignParentRight="true" android:paddingTop="50dip">
<ImageView android:id="@+id/status" android:layout_width="fill_parent"
android:layout_height="fill_parent" android:scaleType="fitCenter"
android:layout_gravity="center" />
</FrameLayout>
</RelativeLayout>
</LinearLayout>
如何更改此布局以使其在我的图片中显示?
答案 0 :(得分:2)
如何将framelayout更改为relativelayout。
拥有VideoView fill_parent,bluelayout align_parentBottom = true,linearlayout horizontallayout center horizontal,alignparentbottom,蓝色图片视图align_parentleft = true,alignparentbottom为true,底部边距较大以使其凸起。橙色imageview alignparentright&amp;底部。
答案 1 :(得分:1)
有几种可能性,但我想我会在imageview上找到一个简单的负上边距。将图片视图放在蓝色线性视图和android:layout_marginTop="-20dip"
。
这应该有效