如何在Android中制作这样的按钮?

时间:2015-09-21 08:54:54

标签: android android-layout android-button

我正在尝试用以下布局实现android中的按钮。如何制作?

enter image description here

我已经实现了这样的按钮

enter image description here

我使用以下代码制作

<TextView
              android:id="@+id/action_text_share"
                            style="@style/mediumTextSize"
                            android:layout_width="match_parent"
                            android:layout_height="wrap_content"
                            android:layout_marginLeft="5dip"
                            android:gravity="center"
                            android:singleLine="false"
                            android:text="Share by Text"
                            android:padding="10dp"
                            android:layout_weight="1"
                             android:background="@drawable/white_broder_round_with_transparent_bg"
                            android:textColor="@color/blackColor" />

并且可以像这样绘制

<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="@color/removeContactRedColor"/>
    <stroke android:width="2dip" android:color="@color/removeContactRedColor" />
    <corners 
       android:radius="5dip"
        />
</shape>

3 个答案:

答案 0 :(得分:1)

您可以在drawable中执行此操作,<item android:right="-2dp">将从右端删除笔划。

 <item android:right="-2dp">
    <shape>
        <corners android:radius="4dp"/>
        <solid android:color="@android:color/transparent" />
        <stroke
            android:width="1dp"
            android:color="@color/app_white" />
    </shape>
</item>

答案 1 :(得分:0)

一些建议:

  1. 创建背景的可绘制图像,并将其用作背景。
  2. 假设您使用xml创建了此项,请创建一个纯蓝色形状并将其放在圆圈上。

答案 2 :(得分:0)

设计背景图像并使用正确的填充和边距将其设置为按钮

enter image description here

根据您的需要使用相似的上方图像背景设置文本