我正在尝试创建一个类似于按钮的按钮,
http://livetools.uiparade.com/index.html
(每个按钮看起来像是在一个沉浸的部分)我已经通过将按钮放在一个圆圈的背景,并给他们一个渐变,没有结束相同,虽然我得到这个结果 –
http://livetools.uiparade.com/index.html
(每个按钮看起来像是在一个沉浸的部分)我已经通过将按钮放在一个圆圈的背景,并给他们一个渐变,没有结束相同,虽然我得到这个结果 –
解决方法
尝试这段代码.我能够生成一个像这样的图像
这与您链接到的第一个按钮类似,使用以下代码.关键是使用< layer-list>以形成一个另一个形状以产生期望的效果.
文件:res / drawable / button.xml
@H_403_14@<?xml version="1.0" encoding="utf-8"?> <layer-list xmlns:android="http://schemas.android.com/apk/res/android"> <!-- Outside border/shadow --> <item> <shape android:shape="oval"> <size android:width="200dp" android:height="200dp" /> <gradient android:angle="90" android:startColor="#f4f4f4" android:endColor="#b9b9b9" /> </shape> </item> <!-- Inset --> <item android:top="1dp" android:left="1dp" android:right="1dp" android:bottom="1dp"> <shape android:shape="oval"> <gradient android:angle="90" android:startColor="#dcdcdc" android:endColor="#c9c9c9" /> </shape> </item> <!-- Inside border/shadow --> <item android:top="15dp" android:left="15dp" android:right="15dp" android:bottom="15dp"> <shape android:shape="oval"> <gradient android:angle="90" android:startColor="#8c8c8c" android:endColor="#cbcbcb" /> </shape> </item> <!-- Main button --> <item android:top="16dp" android:left="16dp" android:right="16dp" android:bottom="16dp"> <shape android:shape="oval"> <solid android:color="#ffffff" /> </shape> </item> <!-- Button image --> <item android:top="70dp" android:left="70dp" android:right="70dp" android:bottom="70dp"> <shape android:shape="rectangle"> <solid android:color="#3b88c2" /> <corners android:radius="20dp" /> </shape> </item> <item android:top="75dp" android:left="75dp" android:right="75dp" android:bottom="75dp"> <shape android:shape="rectangle"> <solid android:color="#ffffff" /> <corners android:radius="20dp" /> </shape> </item> <item android:top="80dp" android:left="80dp" android:right="80dp" android:bottom="80dp"> <shape android:shape="rectangle"> <solid android:color="#3b88c2" /> <corners android:radius="20dp" /> </shape> </item> </layer-list>在您的主要布局中,添加一个将显示此图像的ImageView.
@H_403_14@<ImageView android:src="@drawable/button" />您可以通过在Java代码中为其提供OnClickListener来使ImageView可以单击.