本文實(shí)例講述了Android編程實(shí)現(xiàn)帶漸變效果的圓角矩形。分享給大家供大家參考,具體如下:
站在用戶(hù)的角度思考問(wèn)題,與客戶(hù)深入溝通,找到天寧網(wǎng)站設(shè)計(jì)與天寧網(wǎng)站推廣的解決方案,憑借多年的經(jīng)驗(yàn),讓設(shè)計(jì)與互聯(lián)網(wǎng)技術(shù)結(jié)合,創(chuàng)造個(gè)性化、用戶(hù)體驗(yàn)好的作品,建站類(lèi)型包括:成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站制作、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、域名與空間、虛擬空間、企業(yè)郵箱。業(yè)務(wù)覆蓋天寧地區(qū)。
/** * 帶漸變色效果的圓角矩形 * * @description: * @author ldm * @date 2016-4-26 下午3:47:12 */ public class RoundRectsActivity extends Activity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(new RoundRectView(this)); } private static class RoundRectView extends View { // Rect類(lèi)主要用于表示坐標(biāo)系中的一塊矩形區(qū)域 private Rect mRect; // GradientDrawable支持使用漸變色來(lái)繪制圖形,通??梢杂米鰾utton或是背景圖形 private GradientDrawable mDrawable; public RoundRectView(Context context) { super(context); setFocusable(true); initView(); } /** * 初始化數(shù)據(jù) * * @description: * @author ldm * @date 2016-4-26 下午3:56:06 */ private void initView() { mRect = new Rect(0, 0, 240, 240); // orientation指定了漸變的方向,int[]colors指定漸變的顏色由colors數(shù)組指定,數(shù)組中的每個(gè)值為一個(gè)顏色。 mDrawable = new GradientDrawable( GradientDrawable.Orientation.TL_BR, new int[] { 0xFFFF0000, 0xFF00FF00, 0xFF0000FF }); // 設(shè)置Drawable的形狀為矩形 mDrawable.setShape(GradientDrawable.RECTANGLE); // 設(shè)置漸變的半徑 mDrawable.setGradientRadius((float) (Math.sqrt(2) * 120)); } /** * 置圖片四個(gè)角圓形半徑 * * @description: * @author ldm * @date 2016-4-26 下午4:08:17 */ static void setCornersRadii(GradientDrawable drawable, float r0, float r1, float r2, float r3) { // 設(shè)置圖片四個(gè)角圓形半徑:1、2兩個(gè)參數(shù)表示左上角,3、4表示右上角,5、6表示右下角,7、8表示左下角 drawable.setCornerRadii(new float[] { r0, r0, r1, r1, r2, r2, r3, r3 }); } @Override protected void onDraw(Canvas canvas) { mDrawable.setBounds(mRect); float r = 16; canvas.save(); canvas.translate(10, 10);//畫(huà)面平移 // 設(shè)置漸變模式:線(xiàn)性漸變 mDrawable.setGradientType(GradientDrawable.LINEAR_GRADIENT); setCornersRadii(mDrawable, r, r, 0, 0); mDrawable.draw(canvas); canvas.restore(); canvas.save(); canvas.translate(10 + mRect.width() + 10, 10); // 設(shè)置漸變模式:徑抽漸變 mDrawable.setGradientType(GradientDrawable.RADIAL_GRADIENT); setCornersRadii(mDrawable, 0, 0, r, r); mDrawable.draw(canvas); canvas.restore(); canvas.translate(0, mRect.height() + 10); canvas.save(); canvas.translate(10, 10); // 設(shè)置漸變模式:顏色漸變方向非環(huán)形,而是以某點(diǎn)為圓心呈扇形掃過(guò)。 mDrawable.setGradientType(GradientDrawable.SWEEP_GRADIENT); setCornersRadii(mDrawable, 0, r, r, 0); mDrawable.draw(canvas); canvas.restore(); canvas.save(); canvas.translate(10 + mRect.width() + 10, 10); mDrawable.setGradientType(GradientDrawable.LINEAR_GRADIENT); setCornersRadii(mDrawable, r, 0, 0, r); mDrawable.draw(canvas); canvas.restore(); canvas.translate(0, mRect.height() + 10); canvas.save(); canvas.translate(10, 10); mDrawable.setGradientType(GradientDrawable.RADIAL_GRADIENT); setCornersRadii(mDrawable, r, 0, r, 0); mDrawable.draw(canvas); canvas.restore(); canvas.save(); canvas.translate(10 + mRect.width() + 10, 10); mDrawable.setGradientType(GradientDrawable.SWEEP_GRADIENT); setCornersRadii(mDrawable, 0, r, 0, r); mDrawable.draw(canvas); canvas.restore(); } } }
開(kāi)源代碼:https://github.com/ldm520/ANDROID_API_DEMOS
或者點(diǎn)擊此處本站下載。
更多關(guān)于Android相關(guān)內(nèi)容感興趣的讀者可查看本站專(zhuān)題:《Android布局layout技巧總結(jié)》、《Android開(kāi)發(fā)入門(mén)與進(jìn)階教程》、《Android調(diào)試技巧與常見(jiàn)問(wèn)題解決方法匯總》、《Android基本組件用法總結(jié)》、《Android視圖View技巧總結(jié)》及《Android控件用法總結(jié)》
希望本文所述對(duì)大家Android程序設(shè)計(jì)有所幫助。