如何制作一个圆形的button?

我想做一个圆形的button,但我不知道该怎么做。 我可以制作带圆angular的button,但是我怎么可以绕着圆圈呢。 这是不一样的。 请告诉我,在Android上可以吗? 谢谢。

在drawable文件夹中创build一个名为roundedbutton.xml的xml文件

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

最后设置为你的Button android:background = "@drawable/roundedbutton"

如果你想使它完全圆滑,改变半径,并为你确定一些事情。

如果使用Android Studio,您可以使用:

 <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="ring"> <solid android:color="#FFFFFF"/> </shape> 

这对我很好,希望这可以帮助别人。

  1. 创build一个可绘制的/ button_states.xml文件,其中包含:

     <?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:state_pressed="false"> <shape android:shape="rectangle"> <corners android:radius="1000dp" /> <solid android:color="#41ba7a" /> <stroke android:width="2dip" android:color="#03ae3c" /> <padding android:bottom="4dp" android:left="4dp" android:right="4dp" android:top="4dp" /> </shape> </item> <item android:state_pressed="true"> <shape android:shape="rectangle"> <corners android:radius="1000dp" /> <solid android:color="#3AA76D" /> <stroke android:width="2dip" android:color="#03ae3c" /> <padding android:bottom="4dp" android:left="4dp" android:right="4dp" android:top="4dp" /> </shape> </item> </selector> 
  2. 在任何布局文件的button标签中使用它

     <Button android:layout_width="220dp" android:layout_height="220dp" android:background="@drawable/button_states" android:text="@string/btn_scan_qr" android:id="@+id/btn_scan_qr" android:textSize="15dp" /> 

Markushi的android circlebutton:

(这个库已经被弃用,没有新的开发发生,请考虑使用FAB。)

在这里输入图像说明

使用形状为椭圆形。 这使得椭圆形的button

 <item> <shape android:shape="oval" > <stroke android:height="1.0dip" android:width="1.0dip" android:color="#ffee82ee" /> <solid android:color="#ffee82ee" /> <corners android:bottomLeftRadius="12.0dip" android:bottomRightRadius="12.0dip" android:radius="12.0dip" android:topLeftRadius="12.0dip" android:topRightRadius="12.0dip" /> </shape> </item> 

Android中的圆形button

你可以制作一个带有圆形背景图像的ImageButton

使用ImageButton而不是button….

并使透明背景的圆形图像

 <corners android:bottomRightRadius="180dip" android:bottomLeftRadius="180dip" android:topRightRadius="180dip" android:topLeftRadius="180dip"/> <solid android:color="#6E6E6E"/> <!-- this one is ths color of the Rounded Button --> 

并将其添加到button代码

  android:layout_width="50dp" android:layout_height="50dp" 

对于圆形button创build一个形状:

 <?xml version="1.0" encoding="utf-8"?> 

 <stroke android:width="8dp" android:color="#FFFFFF" /> <solid android:color="#ffee82ee" /> <corners android:bottomLeftRadius="45dp" android:bottomRightRadius="45dp" android:topLeftRadius="45dp" android:topRightRadius="45dp" /> 

用它作为你的button链接的背景

 <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="oval"> <solid android:color="#ffffff" /> </shape> 

在你的XML可绘制的资源上设置这个,并且用一个圆形的图像来简单的使用和图像button,用你的drawable作为背景。

它是

 android.R.drawable.expander_ic_minimized 

看看build在Android的可绘制:

http://androiddrawableexplorer.appspot.com/

你可以使用谷歌的FloatingActionButton

XML:

 <android.support.design.widget.FloatingActionButton android:id="@+id/fab" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@android:drawable/ic_dialog_email" /> 

Java的:

  @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); FloatingActionButton bold = (FloatingActionButton) findViewById(R.id.fab); bold.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { // Do Stuff } }); } 

摇篮:

  compile 'com.android.support:design:23.4.0' 
  1. 使用图像button,并将背景作为你想要的图像。
  2. 从android资源工作室链接创build图像 –

https://romannurik.github.io/AndroidAssetStudio/icons-launcher.html#foreground.type=image&foreground.space.trim=0&foreground.space.pad=0.25&foreColor=rgba(94%2C%20126%2C%20142% 2C%200)&backColor = rgb(96%2C%20125%2C%20139)&crop = 1&backgroundShape = circle&effects = none&name = ic_home “

并下载它,extraxt它,在那里寻找mipmap-hdpi文件夹。

  1. 从mipmap-hdpi文件夹复制图片并将其粘贴到android项目的drwable文件夹中。

  2. 现在将背景设置为该图像。