gpt4 book ai didi

android - 带有背景居中的图像/文本的按钮

转载 作者:搜寻专家 更新时间:2023-11-01 08:19:39 25 4
gpt4 key购买 nike

我已经看到很多可能的答案来解决我的问题,但没有一个对我有用。我的目标是拥有一个带有图像、一些文本和背景的圆形按钮。图片和文字应在背景中居中。

我正在使用以下背景:

<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:dither="true"
android:shape="rectangle">

<corners android:radius="120sp" />

<solid android:color="#FF5F00" />

<size
android:width="120sp"
android:height="36sp" />

</shape>

图片如下:

<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:width="24sp"
android:height="24sp"
android:viewportWidth="24"
android:viewportHeight="24">
<path
android:pathData="M5,12L19,12"
android:strokeLineJoin="round"
android:strokeWidth="2"
android:fillColor="#00000000"
android:strokeColor="#FFFFFF"
android:strokeLineCap="round"/>
<path
android:pathData="M12,5L12,19"
android:strokeLineJoin="round"
android:strokeWidth="2"
android:fillColor="#00000000"
android:strokeColor="#FFFFFF"
android:strokeLineCap="round"/>
</vector>

最后是按钮:

    <Button android:layout_columnSpan="6" 
android:layout_gravity="center" android:drawableStart="@drawable/ic_plus_24px"
android:text="Evaluer"
android:id="@+id/doEvalQOL" android:background="@drawable/roundedyakabutton" android:textColor="#FFFFFF"
android:gravity="center"
android:textSize="12sp"
fontPath="fonts/Ubuntu-Medium.ttf" />

这给了我这个: enter image description here

一旦我删除了背景,图像和文本就会按我希望的那样放置在背景中:

enter image description here

我在这里错过了什么?提前致谢。

最佳答案

您可以使用 drawablePadding、paddingLeft 和 paddingRight 将文本及其图标对齐到按钮的中心。我使用了下面的代码,结果附在屏幕截图中。尝试一次希望它对你有帮助。

    <Button
android:id="@+id/doEvalQOL"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:background="@drawable/roundedyakabutton"
android:drawableLeft="@drawable/ic_plus_24px"
android:text="Evaluer"
android:drawablePadding="2dip"
android:gravity="center"
android:paddingLeft="30dip"
android:paddingRight="26dip"
android:singleLine="true"
android:textColor="#FFFFFF"
android:textSize="12sp"
/>

Out put of above button

关于android - 带有背景居中的图像/文本的按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53041456/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com