0

最初のスクリーンショットのようにレイアウトしたい。 (出典: nocookie.net )必要

やってみたのですが、2枚目のスクリーンショットのようになりました (出典:nocookie.net持ってる

ここに私のレイアウト

<?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 を使用して、あるビューを別のビューの上に配置する方法を知りたいですか?

4

2 に答える 2

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>

次のようになります。

ここに画像の説明を入力

写真でわかるように、小さな長方形は大きな (灰色の) 長方形の上にあります。これは、ビューを RelativeLayout に次々と (それらの間で参照せずに) 追加することによって発生する可能性があります。

よろしく

于 2012-04-27T23:19:54.663 に答える
1

RelativeLayour を使用して、レイアウトを再設計してください....

あなたが望むように完璧な結果が得られます..

RelativeLayour では、このようなことを簡単に行うことができます...

于 2012-04-27T17:50:28.440 に答える