如何制作一个圆形的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>
这对我很好,希望这可以帮助别人。
-
创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>
-
在任何布局文件的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作为背景。
是的,这是可能的,寻找谷歌9补丁。 好文章:
http://radleymarx.com/blog/simple-guide-to-9-patch/
http://ogrelab.ikratko.com/custom-color-buttons-for-android/
它是
android.R.drawable.expander_ic_minimized
看看build在Android的可绘制:
你可以使用谷歌的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'
- 使用图像button,并将背景作为你想要的图像。
- 从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文件夹。
-
从mipmap-hdpi文件夹复制图片并将其粘贴到android项目的drwable文件夹中。
-
现在将背景设置为该图像。