1

我想制作两个具有自定义背景、文本和文本右侧图像的大小相同的单选按钮。由于它们与标准“按钮”有多么不同，我使用可点击的“RelativeLayout”制作它们。

文本和图像的高度不同，但我希望每个都在按钮中垂直居中。我还希望文本+图像的组合在按钮中水平居中。第二部分是我遇到的麻烦；它偏离中心，靠近左侧。在下图中，左侧是我想要的，而右侧是正在发生的事情。其中一个按钮（文本较长的那个）上的图像也被调整为更小......尽管按钮右侧仍有足够的空间。

我想要的在左边，正在发生的在右边。

这是我的代码：

<LinearLayout
    android:baselineAligned="false"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal">
    <RelativeLayout
        android:id="@+id/my_button"
        android:background="@drawable/radio_button"
        android:layout_weight="1"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:gravity="center_horizontal">
        <TextView
            android:id="@+id/button_textview"
            android:text="@string/button_label"
            android:textAppearance="?android:attr/textAppearanceButton"
            android:layout_centerVertical="true"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"></TextView>
        <ImageView
            android:contentDescription="@string/image_description"
            android:id="@+id/button_imageview"
            android:layout_centerVertical="true"
            android:src="@drawable/my_icon"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_toRightOf="@id/button_textview">
        </ImageView>
    </RelativeLayout>

    <RelativeLayout
        ... same thing for the second button ...
    </RelativeLayout>

</LinearLayout>

我究竟做错了什么？

4

2 回答 2

1

将此用作您的按钮：

<LinearLayout
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:orientation="horizontal"
              android:layout_gravity="center_horizontal"
              >
    <TextView android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:layout_gravity="center_vertical"
              android:text="MyButton"/>
    <ImageView android:layout_width="wrap_content"
               android:layout_height="wrap_content"
               android:layout_gravity="center_vertical"
               android:src="@drawable/my_image"/>

</LinearLayout>

现在，您可以将其放置在其他父视图中。要将布局属性应用于上方按钮，请将这些属性放在<LinearLayout>上方按钮的外部标记中。

选择：

您可以设置要在使用属性的侧面（左、右、上、下）绘制的自定义图像，TextView例如： android:drawableLeft="@drawable/my_image"

于 2012-08-30T19:53:00.987 回答
0

原来解决方案是添加

android:paddingRight="0dip"

奇怪的是，即使我一开始没有放任何填充物。

于 2012-09-04T13:56:58.633 回答