0

私の現在のレイアウトは次のようになります。

ここに画像の説明を入力

MY XML レイアウトは次のようになります。

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

<TextView
    android:id="@+id/tvLetter"
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_margin="5dp"
    android:layout_weight="3"
    android:text=""
    android:gravity="center"
    android:textSize="@dimen/letter_size"
    android:textColor="#FFFFFF"
    android:background="@drawable/bd" />

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_margin="5dp"
    android:layout_weight="1" >

    <Button
        android:id="@+id/colorButton"
        android:layout_width="@dimen/btn_action"
        android:layout_height="@dimen/btn_action"
        android:layout_centerInParent="true"
        android:background ="@drawable/colors"
        android:layout_alignParentLeft="true" />

    <Button
        android:id="@+id/soundButton"
        android:layout_width="@dimen/btn_action"
        android:layout_height="@dimen/btn_action"

        android:layout_centerInParent="true"
        android:layout_centerHorizontal="true"
        android:background="@drawable/sound" />

    <Button
        android:id="@+id/eraserButton"
        android:layout_width="@dimen/btn_action"
        android:layout_height="@dimen/btn_action"
        android:layout_alignParentRight="true"
        android:layout_centerInParent="true"
        android:background="@drawable/eraser" />
</RelativeLayout>
<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_margin="5dp"
    android:layout_weight="2" >

    <ImageView
        android:id="@+id/ivIcon"
        android:layout_width="@dimen/letter_icon"
        android:layout_height="@dimen/letter_icon"
        android:scaleType="fitXY"
        android:layout_alignParentLeft="true"
        android:background="@drawable/zebra" />
    <LinearLayout
        android:id="@+id/actionHolder"
        android:layout_toRightOf="@+id/ivIcon"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical" >
        <Button
            android:id="@+id/wordSound"
            android:layout_width="@dimen/btn_action"
            android:layout_height="@dimen/btn_action"
            android:background="@drawable/sound" />
    </LinearLayout>
</RelativeLayout>
</LinearLayout>

@dimen/letter_iconのは、画面サイズに基づいてさまざまなサイズに使用されています。携帯電話とタブレットの両方に対応できるようにしようとしています(異なるサイズの画面)。レイアウトで次のことを達成するにはどうすればよいですか。

ここに画像の説明を入力

ZEBRA テキストがテキストビュー内にあり、サウンドがボタン内にあるとしましょう。

一番下の ImageView は別のレイアウト内にある必要があると考えています。画面幅の 3/4 のスペースを占有します。

4

1 に答える 1

1

ZEBRAとボタンSPEAKERを垂直に配置しLinearLayoutます。ボタンheightを tomatch_parentlayout_weighttoに設定する1と、必要なものが得られます

ボタンのコンテナとImageViewの間で幅を分散させたい場合は、それらwidthを設定してそこmatch_parentで遊んでlayout_weightください。

于 2013-08-19T18:02:09.123 に答える