java - 如何设计如附图所示的 float 按钮

Question

我正在尝试创建一个应用程序，并且我已经有一个图像设计，但我无法克隆选项卡上方按钮的确切形状

我希望这张图片有相同的设计:如下笔记:0和0.00EGP应该是变量

Answer 1

创建一个 XML 文件 bottom_corner.xml 作为背景

<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="#0091fa"/>
    <stroke android:width="1dp"
        android:color="#0091fa" />

    <corners android:radius="10dp"/>
    <padding android:left="0dp"
        android:top="0dp"
        android:right="0dp"
        android:bottom="0dp" />
</shape>

现在创建布局 floated_button.xml 并在布局中使用此背景:

<RelativeLayout android:layout_width="match_parent"
    android:layout_height="60dp"
    android:layout_marginRight="10dp"
    android:layout_marginLeft="10dp"
    android:layout_marginBottom="5dp"
    android:background="@drawable/bottom_corner"
    xmlns:android="http://schemas.android.com/apk/res/android">

    <TextView
        android:id="@+id/tv_total_value"
        android:layout_width="50dp"
        android:layout_height="wrap_content"
        android:text="0"
        android:textSize="18dp"
        android:gravity="center"
        android:layout_centerVertical="true"
        android:textColor="#fff"/>

    <TextView
        android:id="@+id/tv_egp_value"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="0.00 EGP"
        android:textSize="22dp"
        android:gravity="center"
        android:paddingRight="15dp"
        android:layout_alignParentRight="true"
        android:layout_centerVertical="true"
        android:textColor="#fff"/>


    <View
        android:layout_width="1dp"
        android:layout_height="match_parent"
        android:background="#fff"
        android:layout_toRightOf="@+id/tv_total_value"/>

    <TextView
        android:id="@+id/tv_title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Charge"
        android:textSize="22dp"
        android:gravity="center"
        android:paddingRight="15dp"
        android:paddingLeft="15dp"
        android:layout_centerVertical="true"
        android:layout_toRightOf="@+id/tv_total_value"
        android:textColor="#fff"/>

</RelativeLayout>