我试图在一个按钮上有一个图像(作为背景)，并动态添加，这取决于在运行时发生的事情，一些文字上方/上方的图像。
如果我使用ImageButton，我甚至没有添加文本的可能性。 如果我使用按钮，我可以添加文本，但只定义一个图像与android:drawableBottom和类似的XML属性定义在这里。
然而，这些属性只在x和y维度上组合文本和图像，这意味着我可以在文本周围绘制图像，但不能在文本下面/下面绘制图像(z轴定义为显示出来)。
有什么建议吗?一种想法是扩展Button或ImageButton并重写draw()方法。但以我目前的知识水平，我真的不知道如何做到这一点(2D渲染)。也许有更有经验的人知道一个解决方案，或者至少有一些开始的建议?
当前回答
<Button
android:id="@+id/groups_button_bg"
android:layout_height="wrap_content"
android:layout_width="wrap_content"
android:text="Groups"
android:drawableTop="@drawable/[image]" />
android:drawableLeft
android:drawableRight
android:drawableBottom
android:drawableTop
http://www.mokasocial.com/2010/04/create-a-button-with-an-image-and-text-android/
其他回答
你可以使用drawableTop(也可以使用drawableLeft等)来绘制图像，并通过添加重力左|center_vertical来设置图像下面的文本
<Button
android:id="@+id/btn_video"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:layout_centerVertical="true"
android:background="@null"
android:drawableTop="@drawable/videos"
android:gravity="left|center_vertical"
android:onClick="onClickFragment"
android:text="Videos"
android:textColor="@color/white" />
只需使用线性布局，并假装它是一个按钮-设置背景和可点击是关键:
<LinearLayout
android:id="@+id/button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@android:drawable/btn_default"
android:clickable="true"
android:orientation="horizontal" >
<ImageView
android:id="@+id/img"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_vertical"
android:layout_marginLeft="5dp"
android:src="@drawable/image" />
<TextView
android:id="@+id/textView2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_vertical"
android:layout_margin="5dp"
android:text="Do stuff" />
</LinearLayout>
<Button android:id="@+id/myButton"
android:layout_width="150dp"
android:layout_height="wrap_content"
android:text="Image Button"
android:drawableTop="@drawable/myimage"
/>
或者你可以通过编程:
Drawable drawable = getResources.getDrawable(R.drawable.myimage);
drawable.setBounds(0, 0, 60, 60);
myButton.setCompoundDrawables(null, drawable, null, null);//to the Top of the Button
制作一个假按钮。
这是唯一的办法
<FrameLayout
android:id="@+id/fake_button"
android:layout_width=" .. "
android:layout_height=" .. "
android:background="@android:color/transparent"
android:clickable="true"
android:onClick="tappedNext">
<ImageView
android:id="@+id/fake_image"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:src="@drawable/your_amazing_drawable" />
<TextView
android:id="@+id/fake_text"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:text="Next"
android:fontFamily="@font/ .. "
android:textColor="@color/ .. "
android:textSize=" .. " />
</FrameLayout>
MaterialButton支持设置图标并将其与文本对齐:
<com.google.android.material.button.MaterialButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="My button"
app:icon="@drawable/your_icon"
app:iconGravity="textStart"
/>
iconGravity也可以是start / end，如果你想让图标与按钮对齐，而不是与按钮内的文本对齐。
从1.5.0-beta01版本开始，app:iconGravity也可以是top / textTop(提交)
