我正在尝试创建一个类似于按钮的按钮,
http://livetools.uiparade.com/index.html
(每个按钮看起来像是在一个沉浸的部分)我已经通过将按钮放在一个圆圈的背景,并给他们一个渐变,没有结束相同,虽然我得到这个结果 –
http://livetools.uiparade.com/index.html
(每个按钮看起来像是在一个沉浸的部分)我已经通过将按钮放在一个圆圈的背景,并给他们一个渐变,没有结束相同,虽然我得到这个结果 –
(我可以一次性上传我的代码)如何实现同样的外观？
解决方法
尝试这段代码.我能够生成一个像这样的图像
这与您链接到的第一个按钮类似,使用以下代码.关键是使用< layer-list>以形成一个另一个形状以产生期望的效果.
文件：res / drawable / button.xml
<?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.
<ImageView
android:src="@drawable/button" />
您可以通过在Java代码中为其提供OnClickListener来使ImageView可以单击.