3

ラジオボタンを使用してカスタムタブホストを作成し、正常に動作していますが、アイコンを上部に表示し、アイコンの下にテキストを表示する必要があります。

これは私が今持っているものです: 現在の状態

しかし、これは私が必要なものです: 望ましい状態

これは私のコードです:

    <RadioButton
        android:id="@+id/rad_home"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_weight="1"
        android:background="@drawable/rad_background"
        android:button="@drawable/home_icon"
        android:gravity="center"
        android:text="Home"
        android:textColor="@drawable/text_background"
        android:textSize="@dimen/rad_text_size" >


    </RadioButton>

    <RadioButton
        android:id="@+id/rad_1"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_weight="1"
        android:background="@drawable/rad_background"
        android:button="@null"
        android:gravity="center"
        android:text="Menu"
        android:textColor="@drawable/text_background"
        android:textSize="@dimen/rad_text_size" />

    <RadioButton
        android:id="@+id/rad_2"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_weight="1"
        android:background="@drawable/rad_background"
        android:button="@null"
        android:gravity="center"
        android:text="VIP"
        android:textColor="@drawable/text_background"
        android:textSize="@dimen/rad_text_size" />

    <RadioButton
        android:id="@+id/rad_3"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_weight="1"
        android:background="@drawable/rad_background"
        android:button="@null"
        android:gravity="center"
        android:text="About"
        android:textColor="@drawable/text_background"
        android:textSize="@dimen/rad_text_size" />

    <RadioButton
        android:id="@+id/rad_4"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_weight="1"
        android:background="@drawable/rad_background"
        android:button="@null"
        android:gravity="center"
        android:text="Whats On"
        android:textColor="@drawable/text_background"
        android:textSize="@dimen/rad_text_size" />
</RadioGroup>

ボタンアイコンを次のように設定しています。

android:button="@null"

いつ空になるか

と

android:button="@drawable/home_icon"

アイコン画像の場合、これを使用してアイコンを設定する必要がありますか? 必要に応じて整理する方法は？[上にアイコン、下にテキスト]

内部のレイアウトを試してみましたが、気に入らないようですか?

これを達成する方法は？

ありがとう！

4

3 に答える 3

14

これを試してください: drawableTop を使用してアイコンを表示します

 <RadioButton
    android:id="@+id/rad_home"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:layout_weight="1"
    android:background="@drawable/rad_background"
    android:button="@null"
    android:drawableTop="@drawable/home_icon"
    android:gravity="center"
    android:text="Home"
    android:textColor="@drawable/text_background"
    android:textSize="@dimen/rad_text_size" >
于 2013-08-07T08:09:14.467 に答える
0

あなたはtextviewを使うことができます：-

 <TextView
            android:id="@+id/home_text"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:layout_below="@id/rad_home"
            android:layout_marginTop="10dp"
            android:text="home" />
于 2013-01-25T05:14:04.047 に答える
0

親愛なる私は、単純なボタンの代わりにボタンのテキストを組み合わせるようにすることを提案できます。あなたのコードでは、

 android:background="@drawable/rad_background"
        android:button=**"@null"**

代わりに、私のコードを使用して、このように結合ボタンを表示します。

                <Button
                    android:id="@+id/btnCrop"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center_vertical"
                    android:layout_marginLeft="10dp"
                    android:background="@android:color/transparent"
                    android:drawableTop="@drawable/icon_crop_selector"
                    android:text="@string/btnCrop"
                    android:textAppearance="@style/TextButton"
                    android:textColor="#ffffff" />

これはあなたの助けになります。

于 2013-01-25T05:28:43.990 に答える