如何像C形一样弯曲矩形的起点?

时间:2018-09-10 09:27:48

标签: android xml

以下是必需的输出

enter image description here

以下是我所得到的

enter image description here

如您所见,我在第一个按钮的结尾和第二个按钮的开始之间出现了差距

这是我的代码

<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" />

applynow.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>

checkstatus.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>

如何将第二个按钮的起点向内侧弯曲,以使第一个和第二个按钮之间没有间隙?

2 个答案:

答案 0 :(得分:1)

您将必须制作主容器RelativeLayout并为RelativeLayout提供深蓝色的主要背景, 然后在该RelativeLayout中,将textview放在左侧

答案 1 :(得分:1)

如果不将第二个按钮的曲线放在内部,而是将曲线仅在开始位置(即左侧)上应用在第一个按钮上,然后将曲线应用在右侧的第二个按钮上,则看起来不错在示例代码下方,现在两者之间将没有任何缝隙,并且按钮将保持同步。

applynow.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>

checkstatus.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>