Android自定义按钮形状.docVIP

Android中自定义按钮形状 在Android开发应用中，默认的Button是由系统渲染和管理大小的。而我们看到的成功的移动应用，都是有着酷炫的外观和使用体验的。因此，我们在开发产品的时候，需要对默认按钮进行美化。在本篇里，笔者结合在应用开发中的经验，探讨一下自定义背景的按钮、自定义形状按钮的实现方法。 首先看实现效果截图： ? 自定义背景的按钮目前有2种方式实现，矢量和位图。 ? 1. 矢量图形绘制的方式 矢量图形绘制的方式实现简单，适合对于按钮形状和图案要求不高的场合。步骤如下： (a) 使用xml定义一个圆角矩形，外围轮廓线实线、内填充渐变色，xml代码如下。 view plain copy to clipboard print ? 01.//bg_alibuybutton_default.xml?? 02.? xml?? version = 1.0牋 encoding = utf-8 ?牋?03. layer-list牋 xmlns:android = /apk/res/android 牋?04.牋 item 牋?05.牋牋? shape牋 android:shape = rectangle 牋牋 06.牋牋牋牋 solid牋 android:color = #FFEC7600牋 /牋?07.牋牋牋牋 corners牋?08.牋牋牋牋牋?android:topLeftRadius = 5dip牋?09.牋牋牋牋牋?android:topRightRadius = 5dip牋?10.牋牋牋牋牋?android:bottomLeftRadius = 5dip牋?11.牋牋牋牋牋?android:bottomRightRadius = 5dip牋 /牋?12.牋牋?/ shape 牋?13.牋 / item 牋?14.牋 item牋 android:top = 1px牋 android:bottom = 1px牋 android:left = 1px牋 android:right = 1px 牋?15.牋牋 shape 牋?16.牋牋牋? gradient牋牋 17.牋牋牋牋牋?android:startColor = #FFEC7600牋 android:endColor = #FFFED69E牋牋 18.牋牋牋牋牋?android:type = linear牋 android:angle = 90牋?19.牋牋牋牋牋?android:centerX = 0.5牋 android:centerY = 0.5牋 /牋?20.牋牋牋? corners牋?21.牋牋牋牋牋?android:topLeftRadius = 5dip牋?22.牋牋牋牋牋?android:topRightRadius = 5dip牋?23.牋牋牋牋牋? android:bottomLeftRadius = 5dip牋?24.牋牋牋牋牋?android:bottomRightRadius = 5dip牋 /牋?25.牋牋?/ shape 牋?26.牋 / item 牋牋?27./ layer-list 牋?view plaincopy to clipboardprint?01.//bg_alibuybutton_default.xml牋 02.?xml?03. version=1.0 encoding=utf-8??04.layer-list牋?05.xmlns:android=/apk/res/android?06.牋 item?07.牋牋?shape android:shape=rectangle牋?08.牋牋牋牋 solid android:color=#FFEC7600 /?09.牋牋牋牋 corners?10.牋?牋牋牋牋 android:topLeftRadius=5dip?11.牋牋牋牋牋?android:topRightRadius=5dip?12.牋牋牋牋牋?android:bottomLeftRadius=5dip?13.牋牋牋牋牋?android:bottomRightRadius=5dip /?14.牋牋?/shape?15.牋 /item?16.牋 item a