我需要生成一个如上所述的自定义可绘制视图

Question

我坚持生成上述类型的自定义drawable。我能够制作cicular选择按钮，因为它以红色和绿色边框显示。但是我无法制作另外一个包括灰色和深灰色边框的两个按钮。我也不了解如何将圆形按钮放在正确的位置。

Answer 1

您可以尝试这样做，这将为您提供所需的结果。

<?xml version="1.0" encoding="utf-8"?>
<!-- THE VIEW THAT HOLD THE BACKGROUND -->
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/temp"
    android:orientation="horizontal">

    <!--TAKES UP 50%-->
    <FrameLayout
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="50">

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:text="Left" />
    </FrameLayout>

    <!-- The width of this view should be the width of the center portion(excluding the cirlces)-->
    <!-- I have taken 60 after measuring.-->
    <View
        android:layout_width="60dp"
        android:layout_height="match_parent" />
    <!--TAKES UP 50%-->
    <FrameLayout
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="50">

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:text="Right" />
    </FrameLayout>
</LinearLayout>

我所做的很简单。将您的图像放在背景中，将区域分成两部分，使用权重。

P：S Temp是背景文件。

结果：