0

次の XML と出力を検討してください。

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

    <Button
        android:id="@+id/button1"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="5"
        android:gravity="center_vertical|center_horizontal"
        android:paddingTop="0dp"
        android:text="Button"
        android:textSize="100sp" />

    <Button
        android:id="@+id/button2"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="30"
        android:text="Button"
        android:textSize="100sp" />

</LinearLayout>

ここに画像の説明を入力

上部のボタンにテキストを中央に配置するのに十分なスペースがありますが、まだ一部 (下部) がトリミングされています。なぜですか?

次の背景を使用すると、テキストが中央に配置されません (以下の出力を参照)。

<?xml version="1.0" encoding="utf-8"?>
<selector
    xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_pressed="true" >
      <shape>
            <gradient
                android:endColor="@android:color/darker_gray"
                android:startColor="@android:color/darker_gray"
                android:angle="270" />
            <stroke
                android:width="0dp"
                android:color="@android:color/darker_gray"/>
            <corners
                android:radius="0dp" />
            <padding
                android:left="0dp"
                android:top="0dp"
                android:right="0dp"
                android:bottom="0dp" />
        </shape>
    </item>

    <item android:state_focused="true" >
       <shape>
            <gradient
                android:endColor="@android:color/darker_gray"
                android:startColor="@android:color/darker_gray"
                android:angle="270" />
            <stroke
                android:width="0dp"
                android:color="@android:color/darker_gray"/>
            <corners
                android:radius="0dp" />
            <padding
                android:left="0dp"
                android:top="0dp"
                android:right="0dp"
                android:bottom="0dp" />
        </shape>
    </item>

    <item>        
        <shape>
            <gradient
                android:endColor="@android:color/darker_gray"
                android:startColor="@android:color/darker_gray"
                android:angle="270" />
            <stroke
                android:width="0dp"
                android:color="@android:color/darker_gray"/>
            <corners
                android:radius="0dp" />
            <padding
                android:left="0dp"
                android:top="0dp"
                android:right="0dp"
                android:bottom="0dp" />
        </shape>
    </item>
</selector>

ここに画像の説明を入力

(エミュレータ 10.1" WXGA 1280x800 画面、横長でテスト済み)

4

2 に答える 2

5

それはおそらくフォントのパディングです。android:includeFontPadding=falseそのボタンを使用して無効にすることができます。

于 2012-12-28T16:24:12.017 に答える
4

ビューがレンダリングされる方法だからです。ボタン ビューのコードは、最小の上下パディングを適用します。ボタンの高さがテキストの高さ + デフォルトのパディングよりも大きい場合にのみ、レンダラーはテキストを垂直方向の中央に配置し始めます。まるで自然なデザインのようです。

于 2012-12-28T16:36:55.777 に答える