服务器之家:专注于服务器技术及软件下载分享
分类导航

PHP教程|ASP.NET教程|Java教程|ASP教程|编程技术|正则表达式|C/C++|IOS|C#|Swift|Android|VB|R语言|JavaScript|易语言|vb.net|

服务器之家 - 编程语言 - Android - Android自定义格式显示Button的布局思路

Android自定义格式显示Button的布局思路

2021-01-09 15:25Android教程网 Android

下文的效果都是xml布局文件实现的,一张图片都未曾使用,顺便贴出几个布局文件留个大家参考下,感性的朋友可不要错过了哈

先把来源贴上

 

http://zrgiu.com/blog/2011/01/making-your-android-app-look-better/

http://www.dibbus.com/2011/02/gradient-buttons-for-android/

http://www.dibbus.com/2011/08/even-more-gradient-buttons-for-android/

然后再让大家看看效果,这些都是xml布局文件实现的,一张图片都未曾使用。

Android自定义格式显示Button的布局思路

Android自定义格式显示Button的布局思路

Android自定义格式显示Button的布局思路

顺便贴出几个布局文件给大家看看:

复制代码 代码如下:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_pressed="true" >
<shape>
<solid
android:color="#449def" />
<stroke
android:width="1dp"
android:color="#2f6699" />
<corners
android:radius="3dp" />
<padding
android:left="10dp"
android:top="10dp"
android:right="10dp"
android:bottom="10dp" />
</shape>
</item>
<item>
<shape>
<gradient
android:startcolor="#449def"
android:endcolor="#2f6699"
android:angle="270" />
<stroke
android:width="1dp"
android:color="#2f6699" />
<corners
android:radius="4dp" />
<padding
android:left="10dp"
android:top="10dp"
android:right="10dp"
android:bottom="10dp" />
</shape>
</item>
</selector>

 

复制代码 代码如下:

<?xml version=”1.0″ encoding=”utf-8″?>
<shape xmlns:android=”http://schemas.android.com/apk/res/android”>
<solid android:color=”#f000″/>
<stroke android:width=”1px” android:color=”#bb000000″ />
<padding
android:left=”10dp”
android:top=”7dp”
android:right=”10dp”
android:bottom=”7dp”
/>
<corners
android:bottomrightradius=”5dp”
android:bottomleftradius=”5dp”
android:topleftradius=”5dp”
android:toprightradius=”5dp”
/>
<gradient
android:angle=”90″
android:startcolor=”#4747e0″
android:centercolor=”#5b5bcd”
android:endcolor=”#6f6fcf”
android:type=”linear”
/>

</shape>

这里有个工程,开源的

http://code.google.com/p/android-gradients-sample/downloads/list

顺便把这两个网页给收了,说不定以后能够提供灵感或者参考

http://www.webdesignshock.com/css-button

延伸 · 阅读

精彩推荐