0

スクリーンショットは次のとおりです。

ここに画像の説明を入力

私が達成したいのは、エリア 1 を自動的に小さくすることです。これにより、テキストが 2 行に維持されますが、レイアウトのエリア 2 には影響しません。エリア 2 にすべての情報を表示することが不可欠です。

これが私のレイアウトのコードです：

<!-- Content of the header -->
<LinearLayout
        android:layout_height="wrap_content"
        android:layout_width="fill_parent"
        android:background="@drawable/backrepeat"
        android:layout_margin="8dp">

    <!-- More details button -->
    <ImageButton
            android:layout_width="wrap_content"
            android:layout_height="fill_parent"
            android:src="@drawable/ic_menu_more"
            android:onClick="expandView"
            android:id="@+id/card_button_more_details" />

    <!-- Edit nickname button -->
    <ImageButton
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:onClick="editNickname"
            android:src="@drawable/ic_menu_edit"
            android:id="@+id/card_button_edit_nickname"/>

    <!-- Nickname or number of the card -->
    <TextView
            android:layout_width="0px"
            android:layout_weight="1"
            android:layout_height="fill_parent"
            android:id="@+id/card_value_nickname_or_number"
            android:layout_margin="8dp" android:gravity="center_vertical" android:layout_gravity="center_vertical"
            android:textColor="@color/white"/>

    <!-- Current balance -->
    <FrameLayout
            android:layout_width="wrap_content"
            android:layout_height="fill_parent"
            android:id="@+id/frameLayoutBalanceClosed"
            android:background="@drawable/balance_warning">
        <TextView
                android:layout_width="wrap_content"
                android:layout_height="fill_parent"
                android:id="@+id/card_value_balance"
                android:layout_margin="8dp"
                android:layout_gravity="center_vertical|right"
                android:singleLine="true" android:gravity="center_vertical" 
                android:textColor="@color/white"/>
    </FrameLayout>
</LinearLayout>

よろしくお願いいたします。

4

1 に答える 1

1

線形レイアウトを相対レイアウトに変更することをお勧めします。最初の 3 つのビュー (2 つの画像ビューとテキスト ビュー) を左側に配置し、最後のテキスト ビューを右側に固定サイズで配置します。これで問題が解決するはずです。

于 2013-03-03T08:41:44.230 に答える