-2

花の画像の左右にテキストを配置して、このスクリーン ショットのようなレイアウトを作成するにはどうすればよいですか。

ここに画像の説明を入力

これは私がこれまでに試したことです：

<RelativeLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:background="@drawable/bitmapstrech"
    android:orientation="horizontal" >

    <ImageView
        android:id="@+id/btnback"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingLeft="5dp"
        android:paddingTop="15dp"
        android:src="@drawable/back" >
    </ImageView>

    <ImageView
        android:id="@+id/bitmap"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:layout_marginRight="5dp"
        android:paddingTop="5dp"
        android:scaleType="centerCrop"
        android:src="@drawable/logostar" >
    </ImageView>

    <TextView
        android:id="@+id/test_button_text2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toRightOf="@+id/bitmap"
        android:paddingLeft="10dp"
        android:text="San Diego Unified"
        android:textColor="#000000"
        android:textSize="20sp" >
    </TextView>

    <TextView
        android:id="@+id/test_button_text1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/test_button_text2"
        android:paddingBottom="10dp"
        android:paddingLeft="10dp"
        android:text="SCHOOL DISTRICT"
        android:textColor="#000000"
        android:textSize="18sp"
        android:textStyle="bold" >
    </TextView>

    <ImageView
        android:id="@+id/test_button_image2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:paddingBottom="5dp"
        android:paddingLeft="5dp"
        android:paddingRight="15dp"
        android:paddingTop="10dp"
        android:src="@drawable/options1" />

</RelativeLayout>
4

3 に答える 3

2

写真のように機能させるには、もう 1 つの要素を追加する必要があります。

この階層を試してください：

ここに画像の説明を入力

于 2013-09-02T07:10:48.953 に答える
1

これを試して..

     <RelativeLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:background="#696969"
    android:background="@drawable/bitmapstrech" >

    <ImageView
        android:id="@+id/btnback"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/back"
        android:layout_alignParentLeft="true"
        >
    </ImageView>


    <LinearLayout 
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:layout_centerHorizontal="true"
>
    <ImageView
        android:id="@+id/bitmap"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:scaleType="centerCrop"
        android:src="@drawable/logostar" >
    </ImageView>

    <LinearLayout 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:layout_gravity="center"
        android:orientation="vertical">
    <TextView
        android:id="@+id/test_button_text2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="San Diego Unified"
        android:textColor="#000000"
        android:textSize="20dp" >
    </TextView>

    <TextView
        android:id="@+id/test_button_text1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="SCHOOL DISTRICT"
        android:textColor="#000000"
        android:textSize="18dp"
        android:textStyle="bold" >        
    </TextView>
    </LinearLayout>
    </LinearLayout>

    <ImageView
        android:id="@+id/test_button_image2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:src="@drawable/options1" />

</RelativeLayout>
于 2013-09-02T07:21:29.240 に答える