Android按钮有两个图像和文本

Question

我正在尝试构建Android应用程序，需要构建一个包含两个图像和一些文本的按钮。

这是示例图片：

如何在android中构建此按钮？任何帮助将不胜感激。

Answer 1

以下是一些可以帮助您入门的代码。让我们从背景开始。如果没有为您提供该背景，您必须自己创建，请创建一个custom_button_bg.xml文件并添加到您的drawable文件夹。

custom_button_bg.xml注意：我正在为你做基本的形状。根据需要调整阴影和角半径

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <gradient
        android:endColor="@color/teal"
        android:startColor="@color/teal"/>
    <corners android:radius="4dp"/>
    <stroke
        android:width="1dp"
        android:color="@color/shadow"/>
</shape>

现在只需创建您的布局，如下所示。只需替换src和标签。

<RelativeLayout
    android:layout_width="160dp"
    android:layout_height="80dp"
    android:gravity="center_vertical"
    android:background="@drawable/custom_rounded_white_button">

    <ImageView
        android:id="@+id/iv_video_cam"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/video_cam"/>

    <TextView
        android:id="@+id/tv_desc"
        android:layout_toRightOf="@+id/iv_video_cam"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="See a Medical \nDoctor Now"/>

    <ImageView
        android:layout_toRightOf="@+id/tv_desc"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/arrow"/>

</RelativeLayout>

干杯！

Answer 2

两个选项：

您可以利用setBackgroundDrawable()上的Button将按钮的背景设置为包含所需图标的图片，然后您的文字就会显示在背景上方。

或者您可以尝试在嵌套在android:drawableLeft="@drawable/yourimage"中的XML文件中使用android:drawableRight="@drawable/yourimage"和/或Button。

HERE您可以找到有关drawableRight / Left

的更多信息

Answer 3

您可以使用以下内容：

scons --warn=no-duplicate-environment

Answer 4

三个步骤：

1. 找到您提供的图片的屏幕截图。
2. 将屏幕截图放在我文件夹的可绘制项目中并命名为＆＃34; background＆＃34;

3. 在我的布局xml文件中。将图像设置为按钮背景：

   <Button
   android:layout_width="165dp"
   android:layout_height="35dp"
   android:background="@drawable/background"
   android:textColor="#FFFFFF"
   android:id="@+id/button"
   android:paddingTop="2sp"
   android:drawablePadding="-1sp"
    ></Button>
   

最终结果：