如何將圖像視圖放置在其他佈局的頂部，如圖所示？

Question

我想創建一個可以使界面如圖所示的佈局。

歡迎各界意見和建議。

---

添加我目前的佈局：

<?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> 

我應該如何改變這種佈局使它看起來像我的照片？

Answer 1

有幾種可能性，但我想我會去imageview上的一個簡單的負邊緣。將圖像視圖置於藍色線性視圖中，並將其放入android:layout_marginTop="-20dip"。

這應該工作

Answer 2

如何將framelayout更改爲relativelayout。

有VideoView fill_parent，bluelayout align_parentBottom = true，線性佈局horizo​​ntallayout中心水平線，alignparentbottom，藍色圖像視圖align_parentleft = true，alignparentbottom爲真，具有較大的底部邊距以將其撞上。橙色imageview alignparentright &底部。