时间戳

首页 > 解决方案 > 如何像C形一样弯曲矩形的起点？

android - 如何像C形一样弯曲矩形的起点？

问题描述

以下是所需的输出

在此处输入图像描述

以下是我得到的

在此处输入图像描述

如您所见，我在第一个按钮的结束和第二个按钮的开始之间有一个差距

这是我的代码

<TextView
        android:id="@+id/tv_activity_admin_login_apply_now"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginBottom="32dp"
        android:layout_marginStart="8dp"
        android:background="@drawable/applynow"
        android:clickable="true"
        android:focusable="true"
        android:gravity="center"
        android:textColor="#fff"
        android:paddingBottom="10dp"
        android:paddingEnd="20dp"
        android:paddingStart="20dp"
        android:paddingTop="10dp"
        android:text="@string/apply_now"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toStartOf="@+id/tv_activity_admin_login_check_status"
        app:layout_constraintHorizontal_bias="0.5"
        app:layout_constraintStart_toStartOf="parent" />

    <TextView
        android:id="@+id/tv_activity_admin_login_check_status"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginEnd="8dp"
        android:background="@drawable/checkstatus"
        android:clickable="true"
        android:focusable="true"
        android:gravity="center"
        android:paddingBottom="10dp"
        android:paddingEnd="20dp"
        android:paddingStart="20dp"
        android:paddingTop="10dp"
        android:text="@string/check_status"
        android:textColor="#fff"
        app:layout_constraintBottom_toBottomOf="@+id/tv_activity_admin_login_apply_now"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.5"
        app:layout_constraintStart_toEndOf="@+id/tv_activity_admin_login_apply_now"
        app:layout_constraintTop_toTopOf="@+id/tv_activity_admin_login_apply_now" />

现在申请.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <gradient
        android:angle="90"
        android:endColor="#6ECAF9"
        android:startColor="#049CE8" />
    <corners android:radius="5dp" />
    <padding
        android:bottom="10dp"
        android:left="10dp"
        android:right="10dp"
        android:top="10dp" />
</shape>

检查状态.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <gradient
        android:angle="90"
        android:endColor="#1981C2"
        android:startColor="#006CAF" />
    <corners
        android:bottomRightRadius="3dp"
        android:topRightRadius="3dp"
        />
    <padding
        android:bottom="10dp"
        android:left="10dp"
        android:right="10dp"
        android:top="10dp" />
</shape>

如何将第二个按钮的开头向内侧弯曲，以使第一个和第二个按钮之间没有间隙？

标签： androidxml

解决方案

与其在内部制作第二个按钮曲线，不如在第一个按钮上仅在起始处（即左侧）应用曲线，然后在右侧的第二个按钮上应用曲线，如下面的示例代码所示，现在两者之间将没有间隙，并且按钮将同步。

现在申请.xml

<?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android">
        <gradient
            android:angle="90"
            android:endColor="#6ECAF9"
            android:startColor="#049CE8" />
        <corners
        android:topLeftRadius="5dp"
        android:bottomLeftRadius="5dp"
        />
        <padding
            android:bottom="10dp"
            android:left="10dp"
            android:right="10dp"
            android:top="10dp" />
    </shape>

检查状态.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <gradient
        android:angle="90"
        android:endColor="#1981C2"
        android:startColor="#006CAF" />
    <corners
        android:topRightRadius="5dp"
        android:bottomRightRadius="5dp"
        />
    <padding
        android:bottom="10dp"
        android:left="10dp"
        android:right="10dp"
        android:top="10dp" />
</shape>

推荐阅读