Question

我有两个按钮，我想将它们的形状改为半圆形。然后将它们放在一起，形成一个完整的圆圈。已附加图像以显示我希望按钮的外观。任何帮助将不胜感激。谢谢。 Semi-Circle Buttons

Answer 1

您必须创建一个可绘制的xml文件。

left_corner.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
 <corners android:radius="1dp"
  android:bottomRightRadius="0dp" android:bottomLeftRadius="25dp" 
  android:topLeftRadius="25dp" android:topRightRadius="0dp"/>  // here you have to put dimen as per reqiurement

    <solid android:color="@color/green" />
</shape>

right_corner.xml

 <?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android">
     <corners android:radius="1dp"
      android:bottomRightRadius="25dp" android:bottomLeftRadius="0dp" 
      android:topLeftRadius="0dp" android:topRightRadius="25dp"/>  // here you have to put dimen as per reqiurement

        <solid android:color="@color/green" />
    </shape>

layout.xml

<Linearlayout
             android:orientation="horizontal"
             android:layout_width="match_parent"
             android:layout_height="match_parent">
     <Button android:layout_width="@dimen/_150sdp"
             android:layout_height="@dimen/_150sdp"
             android:background="@draable/left_corner"/>

     <Button android:layout_width="@dimen/_150sdp"
             android:layout_height="@dimen/_150sdp"
             android:background="@draable/right_corner"/>
</Linearlayout>

这对我有用..

Answer 2

尝试这种方式对我有用

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent">
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="horizontal"
        android:gravity="center_horizontal"
android:layout_marginTop="15dp"        >

    <Button
        android:layout_width="30dp"
        android:layout_height="30dp"
        android:background="@drawable/btns"
        android:text="A"
        android:textColor="@android:color/white"

        />
        <View
            android:layout_width="1dp"
            android:layout_height="2dp"
            android:background="#f0f0f0"
            />
    <Button
        android:layout_width="30dp"
        android:layout_height="30dp"
        android:background="@drawable/bbb"

        android:text="B"
        android:textColor="@android:color/white"
        />
    </LinearLayout>
</LinearLayout>

btns.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <size android:height="30dp"
        android:width="30dp"/>
    <solid android:color="#000000"/>
    <corners android:topLeftRadius="15dp"
        android:bottomLeftRadius="15dp"/>
</shape>

bbb.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <size android:height="30dp"
        android:width="30dp"/>
    <solid android:color="#000000"/>
    <corners android:topRightRadius="15dp"
        android:bottomRightRadius="15dp"/>
</shape>

<强>输出

Answer 3

您好user23423534，将xml形状作为背景应用于按钮并将按钮并排放置将有助于您解决问题。

Answer 4

＃。首先，为左右shape创建两个自定义half-circle drawable。

<强> left_half_circle.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <corners
        android:bottomLeftRadius="1000dp"
        android:topLeftRadius="1000dp"
        android:bottomRightRadius="0dp"
        android:topRightRadius="0dp" />

    <solid android:color="@android:color/holo_red_light" />
</shape>

<强> right_half_circle.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <corners
        android:bottomLeftRadius="0dp"
        android:topLeftRadius="0dp"
        android:bottomRightRadius="1000dp"
        android:topRightRadius="1000dp" />

    <solid android:color="@android:color/holo_green_light" />
</shape>

使用：

1。创建一个水平LinearLayout并在其中添加两个Button。将属性layout_weight用于Buttons以获得相等的宽度。

2。将left_half_circle设置为button_left的背景，并将right_half_circle设置为button_right的背景。

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="200dp" android:layout_height="200dp" android:orientation="horizontal" android:weightSum="2" android:layout_gravity="center"> <Button android:id="@+id/button_left" android:layout_width="0dp" android:layout_height="match_parent" android:layout_weight="1" android:text="RED" android:textColor="@android:color/white" android:background="@drawable/left_half_circle" /> <Button android:id="@+id/button_right" android:layout_width="0dp" android:layout_height="match_parent" android:layout_weight="1" android:text="GREEN" android:textColor="@android:color/white" android:background="@drawable/right_half_circle" /> </LinearLayout>

<强>输出：

希望这会有所帮助〜

Answer 5

请检查以下代码。

布局文件：

 <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal">
    <Button
        android:layout_width="50dp"
        android:layout_height="100dp"
        android:background="@drawable/shape"/>
        <Button
            android:layout_width="50dp"
            android:layout_height="100dp"
            android:background="@drawable/shape1"/>
        </LinearLayout>

形状可绘制

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<solid android:color="#fff"/>
    <corners android:bottomLeftRadius="50dp"
        android:topLeftRadius="50dp"/>
</shape>

shape1 drawable

 <?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<solid android:color="#fff"/>
    <corners android:bottomRightRadius="50dp"
        android:topRightRadius="50dp"/>
</shape>

半圆形按钮android

5 个答案: