如何将RadioButton中的可绘制图像和文本居中？

Question

我试图将图像和文本放在单选按钮的中心。这是我的代码： -

<RadioButton
        android:id="@+id/button4"
        android:layout_width="150dp"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:layout_toRightOf="@+id/button5"
        android:background="@drawable/left_button_unselected"
        android:shadowColor="@android:color/black"
        android:drawableTop="@drawable/ic_launcher"
        android:button="@null"
        android:gravity="center"
        android:shadowDx="1.0"
        android:shadowDy="1.0"
        android:shadowRadius="2"
        android:text="Latest"
        android:textColor="@color/offblack"
        android:textStyle="normal" />

然而，通过这样做，图像位于左端，无论我尝试做什么，图像都不会出现在中心，如下图所示。请帮忙

Answer 1

我为此创建了一个简单的要点。检查出来：https://gist.github.com/siyamed/7278413851d3a1d02ffc

Answer 2

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@drawable/left_button_unselected"
    tools:context=".MainActivity" >

    <RadioButton
        android:id="@+id/button4"
        android:layout_width="100dp"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="10dp"
        android:layout_toRightOf="@+id/button5"
        android:button="@drawable/ic_launcher"
        android:shadowColor="@android:color/black"
        android:shadowDx="1.0"
        android:shadowDy="1.0"
        android:shadowRadius="2"
        android:text="Latest"
        android:textColor="#000000"
        android:textStyle="normal" />

</RelativeLayout>

Answer 3

您只需使用线性布局解决此问题即可轻松解决问题.....
你这下面的代码它肯定会为你使用...
以下代码图像视图是....

<RelativeLayout 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:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context=".MainActivity" >

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal" >

    <RadioButton
        android:id="@+id/radioButton1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:checked="true"/>

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent" 
        android:layout_gravity="center">

        <ImageView
            android:id="@+id/drawableImage"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentTop="true"
            android:layout_toLeftOf="@+id/textView1"
            android:src="@drawable/ic_launcher" />

        <TextView
            android:id="@+id/textView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:layout_centerVertical="true"
            android:text="Small Text"
            android:textAppearance="?android:attr/textAppearanceSmall" />

    </RelativeLayout>

</LinearLayout>