如何将Imageview放在另一个布局的顶部,如图所示?

时间:2011-05-17 11:38:37

标签: android layout

我想创建一个可以使UI看起来如图所示的布局。enter image description here

欢迎所有评论和指示。


添加我当前的布局:

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

如何更改此布局以使其在我的图片中显示?

2 个答案:

答案 0 :(得分:2)

如何将framelayout更改为relativelayout。

拥有VideoView fill_parent,bluelayout align_parentBottom = true,linearlayout horizo​​ntallayout center horizo​​ntal,alignparentbottom,蓝色图片视图align_parentleft = true,alignparentbottom为true,底部边距较大以使其凸起。橙色imageview alignparentright&amp;底部。

答案 1 :(得分:1)

有几种可能性,但我想我会在imageview上找到一个简单的负上边距。将图片视图放在蓝色线性视图和android:layout_marginTop="-20dip"

这应该有效