我试图在一个按钮上有一个图像(作为背景)，并动态添加，这取决于在运行时发生的事情，一些文字上方/上方的图像。
如果我使用ImageButton，我甚至没有添加文本的可能性。 如果我使用按钮，我可以添加文本，但只定义一个图像与android:drawableBottom和类似的XML属性定义在这里。
然而，这些属性只在x和y维度上组合文本和图像，这意味着我可以在文本周围绘制图像，但不能在文本下面/下面绘制图像(z轴定义为显示出来)。
有什么建议吗?一种想法是扩展Button或ImageButton并重写draw()方法。但以我目前的知识水平，我真的不知道如何做到这一点(2D渲染)。也许有更有经验的人知道一个解决方案，或者至少有一些开始的建议?
当前回答
制作一个假按钮。
这是唯一的办法
<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>
其他回答
重要更新
不要使用正常的android: drawablleft等…用矢量绘图，否则 会在低API版本中崩溃。(我在现场应用程序中遇到过)
对于可绘制的向量
如果你使用矢量绘图，那么你必须
Have you migrated to AndroidX? if not you must migrate to AndroidX first. It is very simple, see what is androidx, and how to migrate? It was released in version 1.1.0-alpha01, so appcompat version should be at least 1.1.0-alpha01. Current latest version is 1.1.0-alpha02, use latest versions for better reliability, see release notes - link. implementation 'androidx.appcompat:appcompat:1.1.0-alpha02' Use AppCompatTextView/AppCompatButton/AppCompatEditText Use app:drawableLeftCompat, app:drawableTopCompat, app:drawableRightCompat, app:drawableBottomCompat, app:drawableStartCompat and app:drawableEndCompat
对于常规绘图
如果你不需要画向量，那么你可以
使用android: drawablleft, android:drawableRight, android:drawableBottom, android:drawableTop 你可以使用常规的TextView, Button & EditText或AppCompat类。
您可以实现如下输出-
<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/
<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
也许我的解决方案适合很多用户，我希望如此。
我的建议是用你的风格制作TextView。它非常适合我，而且功能齐全，比如按钮。
首先让我们制作按钮样式，你可以在任何地方使用…我正在创建button_with_hover.xml
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_pressed="true" >
<shape android:shape="rectangle" >
<corners android:radius="3dip" />
<stroke android:width="1dip" android:color="#8dbab3" />
<gradient android:angle="-90" android:startColor="#48608F" android:endColor="#48608F" />
</shape>
<!--#284682;-->
<!--border-color: #223b6f;-->
</item>
<item android:state_focused="true">
<shape android:shape="rectangle" >
<corners android:radius="3dip" />
<stroke android:width="1dip" android:color="#284682" />
<solid android:color="#284682"/>
</shape>
</item>
<item >
<shape android:shape="rectangle" >
<corners android:radius="3dip" />
<stroke android:width="1dip" android:color="@color/ControlColors" />
<gradient android:angle="-90" android:startColor="@color/ControlColors" android:endColor="@color/ControlColors" />
</shape>
</item>
</selector>
其次, 让我们创建一个textview按钮。
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginBottom="20dip"
android:layout_gravity="right|bottom"
android:gravity="center"
android:padding="12dip"
android:background="@drawable/button_with_hover"
android:clickable="true"
android:drawableLeft="@android:drawable/btn_star_big_off"
android:textColor="#ffffffff"
android:text="Golden Gate" />
这就是结果。然后用任何颜色或任何其他属性和边距设置自定义按钮的样式。祝你好运
只是替换
android:background="@drawable/icon"
with
android:background="@android:color/transparent"
android:drawableTop="@drawable/[your background image here]"
伊茨的把戏很不错。；）
