提问人：Simonas Petkevičius 提问时间：4/15/2017 最后编辑：PhantômaxxSimonas Petkevičius 更新时间：11/20/2020 访问量：18407
带图标的 Android 圆形按钮
Android round button with icon
问：
我正在尝试制作一个像这个按钮图像这样的按钮，但我不能将图标放在文本前面。我现在制作的按钮现在看起来像这个按钮图像。所以，主要问题是我怎样才能让图标靠近文本的前面？
这是我的按钮形状代码：
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" >
<corners
android:radius="50dp"
/>
<solid
android:color="#00A651"
/>
<padding
android:left="0dp"
android:top="0dp"
android:right="0dp"
android:bottom="0dp"
/>
<size
android:width="300dp"
android:height="20dp"
/>
</shape>
这是我用来将按钮实现到活动中的代码：
<Button
android:id="@+id/problem"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:background="@drawable/buttonshape"
android:drawableStart="@drawable/ic_rate_review_black_24dp"
android:textColor="#FFFFFF"
android:textSize="15sp"
android:text="@string/button_problem" />
答：
8赞
Muhib Pirani
4/15/2017
#1
从按钮中删除大小和填充Xml 减小半径
并将 paddingTop 和 paddinBottom 添加到您的 或者您也可以使用 TextView 作为按钮，并已为其分配了一些填充。
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" >
<corners
android:radius="10dp"
/>
<solid
android:color="#00A651"
/>
</shape>
评论
0赞
Muhib Pirani
4/15/2017
按钮和 textview 都是可行的，我想你必须在你设置 startDrawable 的按钮中给出 drawablePadding
11赞
Simonas Petkevičius
4/15/2017
#2
一切都按照穆希布·皮拉尼（Muhib Pirani）的建议进行。多亏了他。
Button 的代码现在如下所示：
<Button
android:id="@+id/problem"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:background="@drawable/buttonshape"
android:drawableStart="@drawable/ic_rate_review_black_24dp"
android:drawablePadding="5dp"
android:paddingLeft="40dp"
android:paddingRight="40dp"
android:text="@string/button_problem"
android:textColor="#FFFFFF"
android:textSize="15sp" />
ButtonShape，.xml 如下所示：
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" >
<corners
android:radius="50dp"/>
<solid
android:color="#00A651"
/> </shape>
-1赞
Ashish Chaugule
9/28/2020
#3
带圆角 + 图标 + 文本的按钮
style="@style/Base.Widget.AppCompat.Button.Borderless"
这对我来说不需要太多的定制
5赞
Gabriele Mariotti
9/30/2020
#4
您可以使用：MaterialButton
<MaterialButton
style="@style/Widget.MaterialComponents.Button.IconOnly"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
.../>
跟：
<style name="Widget.MaterialComponents.Button.IconOnly">
<item name="iconPadding">0dp</item>
<item name="android:insetTop">0dp</item>
<item name="android:insetBottom">0dp</item>
<item name="android:paddingLeft">12dp</item>
<item name="android:paddingRight">12dp</item>
<item name="android:minWidth">12dp</item>
<item name="android:minHeight">12dp</item>
<item name="iconGravity">textStart</item>
</style>
评论