半圆按钮android

Question

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

Answer 1

请检查以下代码。

版式文件：

<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绘制

<?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> 

Answer 2

你必须创建一个可绘制的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 3

尝试这种方式工作对我来说

<?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 4

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

Answer 5

＃。首先，创建两个自定义shape左右可绘制的half-circle。

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> 

USE：

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> 

OUTPUT：

希望这将有助于〜