带有文本和图像的按钮 (Android)答案

【问题标题】：Button with text AND an image (Android)带有文本和图像的按钮 (Android)
【发布时间】：2011-10-11 05:16:42
【问题描述】：

我想创建一个带有图像和文本的 android 按钮，但文本自动居中。如何将文本放置在按钮的底部？

我知道我可以使用相对布局在图像下方放置第二个文本按钮，但我更喜欢最小化代码。

【问题讨论】：

Android: combining text & image on a Button or ImageButton 的可能重复项

【解决方案1】：

如果我是你，我就不会使用按钮。使用LinearLayout或RelativeLayout，只需给它Button背景（提示：如果你希望它为每个状态有不同的图像，请使用选择器）并将你的TextView放在其中，然后你可以使用drawableLeft，drawableTop等。属性将图片放在您想要的任何一侧。如果您想更好地控制图片相对于文本的位置，请使用一个 TextView 和一个 ImageView。然后在您的 java 中获取对您的布局的引用并像对待按钮一样对待它，使用 setOnClickListener()。

【讨论】：

好主意！这种方式（线性布局内的文本视图和图像视图）可以控制文本和图标的确切位置和大小。
或参见Adam Storm's answer，了解一种将文本和图像组合在一起的简单方法，图像位于按钮的指定边缘。

【解决方案2】：

您可以在按钮上声明要分配图像的位置（我假设您已经在按钮上有图像）：

<Button
   android:id="@+id/button"
   android:layout_width="fill_parent"
   android:layout_height="wrap_content"
   android:text="- I'm a Button -"
   android:drawableTop="@drawable/icon"
   />

你还可以使用 android:drawablePadding(int) 设置文本和图像之间的填充

drawableTop属性可以改成drawableRight、Left、Bottom等，祝你好运！

【讨论】：

@Adam's 应该是被接受的答案。我认为他刚刚开始接受提高他的百分比。
这对我有用，而且比自定义视图更干净！但我想补充一点，drawablePadding 属性可以让您在文本和图标之间添加填充。
如何设置图片大小？
你能详细说明“我假设你已经在按钮上有图像”了吗？您如何将图像放在Button（而不是ImageButton）上？你的意思是使用drawableTop=吗？

【解决方案3】：

你可以试试这样的

<Button
    android:id="@+id/ButtonTest"
    android:text="this is text"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@drawable/icon"
    **android:gravity="bottom"**/>

【讨论】：

【解决方案4】：

我认为实现这一点的最简单方法（使用纯 XML）是：

<LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:onClick="onClickMethod" 
        android:orientation="vertical" 
        android:clickable="true">
   <ImageView
        android:src="@drawable/YOUR_DRAWABLE"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" 
        android:clickable="false"/>
   <TextView
         android:text="@string/YOUR_TEXT"  
         android:layout_width="match_parent"
         android:layout_height="wrap_content"           
         android:clickable="false"/>
</LinearLayout>

【讨论】：

【解决方案5】：

你也可以这样做

<LinearLayout
android:id="@+id/image_button_2"
style="@android:style/Widget.Button"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="15dp"
android:gravity="center">

<ImageView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginRight="5dp"
    android:src="@drawable/ic_gear" />

<TextView
    android:id="@+id/image_button_2_text"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:textColor="@android:color/black"
    android:text="Button 2" />

    </LinearLayout>

在你的活动中

 final View button2 = findViewById(R.id.image_button_2);
 button2.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {

【讨论】：