在android中放置/重叠(z-index)

时间:2012-04-27 17:29:34

标签: android z-index overlapping

我想将布局作为第一个截图。 need

我试过了,但结果却是第二次截图 have

这是我的布局

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:gravity="center" 
    android:orientation="vertical" 
    android:padding="20dip" > 

    <LinearLayout 
        android:layout_width="wrap_content" 
        android:layout_height="0dip" 
        android:layout_weight="1" 
        android:background="@color/red" 
        android:orientation="vertical" 
        android:paddingBottom="40dip" 
        android:paddingLeft="10dip" 
        android:paddingRight="10dip" 
        android:paddingTop="10dip" > 

        <LinearLayout 
            android:layout_width="wrap_content" 
            android:layout_height="wrap_content" 
            android:background="@color/black" 
            android:gravity="center_vertical" > 

            <ScrollView 
                android:layout_width="wrap_content" 
                android:layout_height="wrap_content" 
                android:layout_marginLeft="-20dip"  > 

                <TextView 
                    android:id="@+id/textView1" 
                    android:layout_width="wrap_content" 
                    android:layout_height="wrap_content" 
                    android:layout_gravity="center" 
                    android:gravity="center" 
                    android:text="lololo"  /> 
            </ScrollView> 

            <ImageView 
                android:id="@+id/lady" 
                android:layout_width="wrap_content" 
                android:layout_height="wrap_content" 
                android:src="@drawable/temp" /> 
        </LinearLayout> 
    </LinearLayout> 

    <LinearLayout 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_marginTop="-20dip" 
        android:gravity="center" > 


        <Button 
            android:id="@+id/button1" 
            android:layout_width="wrap_content" 
            android:layout_height="wrap_content" 
            android:background="@drawable/button_left" 
            android:text="next" /> 

        <Button 
            android:id="@+id/button2" 
            android:layout_width="wrap_content" 
            android:layout_height="wrap_content" 
            android:background="@drawable/button_right" 
            android:text="prev" /> 
    </LinearLayout> 

</LinearLayout> 

我想知道如何将一个视图置于另一个视图之上,具有不同的z-index? 我想知道如何将一个视图置于另一个视图之上,具有不同的z-index? 我想知道如何将一个视图置于另一个视图之上,具有不同的z-index?

2 个答案:

答案 0 :(得分:2)

使用RelativeLayout

您可以使用此示例:

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

    <RelativeLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent" >

        <!-- Bottom layer -->
        <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:layout_alignParentLeft="true"
            android:layout_alignParentTop="true"
            android:layout_margin="20dp"
            android:background="#DDDDDD" >

            <!-- Other views -->
        </LinearLayout>

        <!-- Top layer -->
        <LinearLayout
            android:layout_width="50dp"
            android:layout_height="50dp"
            android:layout_alignParentLeft="true"
            android:layout_alignParentTop="true"
            android:background="#F0AB00" >

            <!-- Other views -->
        </LinearLayout>
    </RelativeLayout>

</LinearLayout>

它看起来像这样:

enter image description here

如图所示,小矩形位于大(灰色)矩形上方。这可以通过一个接一个地向RelativeLayout添加视图(不在它们之间引用)来实现。

问候

答案 1 :(得分:1)

使用RelativeLayour并重新设计你的布局......

你会得到完美的结果......

RelativeLayour可以轻松地让你这样的东西......