日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時間：8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
Android入門篇——Button控件+自定義Button控件

首先***步就是往布局文件里拖一個Button控件，當(dāng)然自己碼出來也可以。XML布局如下

創(chuàng)新互聯(lián)一直秉承“誠信做人，踏實做事”的原則，不欺瞞客戶，是我們最起碼的底線！ 以服務(wù)為基礎(chǔ)，以質(zhì)量求生存，以技術(shù)求發(fā)展，成交一個客戶多一個朋友！為您提供成都做網(wǎng)站、成都網(wǎng)站制作、成都網(wǎng)頁設(shè)計、微信小程序開發(fā)、成都網(wǎng)站開發(fā)、成都網(wǎng)站制作、成都軟件開發(fā)、重慶APP軟件開發(fā)是成都本地專業(yè)的網(wǎng)站建設(shè)和網(wǎng)站設(shè)計公司，等你一起來見證！

 
 
 
 
    
  
  
  
  
  1. 
  
  
  
  
  2.     xmlns:tools="http://schemas.android.com/tools"
    3. 
  
  
  
  
  3.     android:layout_width="match_parent"
    4. 
  
  
  
  
  4.     android:layout_height="match_parent"
    5. 
  
  
  
  
  5.     
    6. 
  
  
  
  
  6.      >
    7. 
  
  
  
  
  7. 
  
  
  
  
  8.     
  
  
  
  
  9.         android:id="@+id/button1"             
    10. 
  
  
  
  
  10.         android:layout_width="wrap_content"   
    11. 
  
  
  
  
  11.         android:layout_height="wrap_content"  
    12. 
  
  
  
  
  12.         android:layout_alignParentTop="true"  
    13. 
  
  
  
  
  13.         android:layout_centerHorizontal="true"
    14. 
  
  
  
  
  14.         android:layout_marginTop="150dp"      
    15. 
  
  
  
  
  15.         android:text="Button" />              
    16. 
  
  
  
  
  16. 
  
  
  
  
  17.

當(dāng)然，一個控件的布局屬性還有很多，這些都是需要我們多用多熟悉才行。

然后再在程序中調(diào)用它

 
 
 
 
    
  
  
  
  
  1. public class MainActivity extends Activity {
    2. 
  
  
  
  
  2.     
    3. 
  
  
  
  
  3.     private Button myButton;
    4. 
  
  
  
  
  4. 
  
  
  
  
  5.     @Override
    6. 
  
  
  
  
  6.     protected void onCreate(Bundle savedInstanceState) {
    7. 
  
  
  
  
  7.         super.onCreate(savedInstanceState);
    8. 
  
  
  
  
  8.         setContentView(R.layout.activity_main);
    9. 
  
  
  
  
  9.         //通過id尋找控件，記得尋找控件前一定要先設(shè)置好布局文件
    10. 
  
  
  
  
  10.         myButton = (Button)findViewById(R.id.button1);
    11. 
  
  
  
  
  11.         myButton.setOnClickListener(new OnClickListener() {
    12. 
  
  
  
  
  12.             
    13. 
  
  
  
  
  13.             @Override
    14. 
  
  
  
  
  14.             public void onClick(View v) {
    15. 
  
  
  
  
  15.                 // TODO Auto-generated method stub
    16. 
  
  
  
  
  16.                 //這里填寫單擊按鈕后要執(zhí)行的事件
    17. 
  
  
  
  
  17.             }
    18. 
  
  
  
  
  18.             
    19. 
  
  
  
  
  19.         });
    20. 
  
  
  
  
  20.         myButton.setOnTouchListener(new OnTouchListener(){...});//設(shè)置觸碰到按鈕的監(jiān)聽器
    21. 
  
  
  
  
  21.         myButton.setOnLongClickListener(new OnLongClickListener(){...});//設(shè)置長按按鈕的監(jiān)聽器
    22. 
  
  
  
  
  22.         myButton.setOnHoverListener(new OnHoverListener(){...});//設(shè)置界面覆蓋按鈕時的監(jiān)聽器
    23. 
  
  
  
  
  23.         //還有其它的的監(jiān)聽器，我們可以根據(jù)不同的需求來調(diào)用相應(yīng)的監(jiān)聽器
    24. 
  
  
  
  
  24.     }
    25. 
  
  
  
  
  25. 
  
  
  
  
  26. 
  
  
  
  
  27. }
    28.

或者這樣設(shè)置監(jiān)聽器

 
 
 
 
    
  
  
  
  
  1. public class MainActivity extends Activity implements OnClickListener{
    2. 
  
  
  
  
  2.     
    3. 
  
  
  
  
  3.     private Button myButton;
    4. 
  
  
  
  
  4. 
  
  
  
  
  5.     @Override
    6. 
  
  
  
  
  6.     protected void onCreate(Bundle savedInstanceState) {
    7. 
  
  
  
  
  7.         super.onCreate(savedInstanceState);
    8. 
  
  
  
  
  8.         setContentView(R.layout.activity_main);
    9. 
  
  
  
  
  9.         //尋找控件，記得尋找控件前一定要先設(shè)置好布局文件
    10. 
  
  
  
  
  10.         myButton = (Button)findViewById(R.id.button1);
    11. 
  
  
  
  
  11.         myButton.setOnClickListener(this);
    12. 
  
  
  
  
  12.             
    13. 
  
  
  
  
  13. 
  
  
  
  
  14.     }
    15. 
  
  
  
  
  15. 
  
  
  
  
  16.     @Override
    17. 
  
  
  
  
  17.     public void onClick(View v) {
    18. 
  
  
  
  
  18.         // TODO Auto-generated method stub
    19. 
  
  
  
  
  19.         //獲取點擊的View
    20. 
  
  
  
  
  20.         switch(v.getId()){
    21. 
  
  
  
  
  21.         //根據(jù)View的id來進行相關(guān)操作
    22. 
  
  
  
  
  22.         case R.id.button1:
    23. 
  
  
  
  
  23.             //按鈕點擊時處理相關(guān)的事件
    24. 
  
  
  
  
  24.             break;
    25. 
  
  
  
  
  25.         }
    26. 
  
  
  
  
  26.     }
    27. 
  
  
  
  
  27. 
  
  
  
  
  28. 
  
  
  
  
  29. }
    30.

這樣一個基礎(chǔ)功能的button控件就完成了。但當(dāng)然，這不是我們今天要講的重點，重點是我們?nèi)绾巫远x一個按鈕，而不是使用系統(tǒng)給我們的按鈕。

二、自定義按鈕

我們先來看看效果圖吧

這是一個自帶進度條的按鈕，它可以顯示異步任務(wù)的進度，當(dāng)完成后結(jié)束操作。我們來看看具體是怎么實現(xiàn)的吧。

  1. 拆分這個按鈕。仔細觀察上面的效果圖，我們可以把這個按鈕分成3個部分，首先是 最簡單的外面一圈圓，基本上畫出個圓放在那里就行了。接著是中間的三角形，正方形以及完成的勾，這個我們可以使用view里的畫圖類勾勒出來，再使用簡單 的動畫Animation來切換。***的一部分是覆蓋在圓圈上的不斷在表示進度的圓圈，這個我們可以不斷調(diào)用這個view的ondraw來刷新進度。這就 是整個按鈕的設(shè)計思路。我們來看看實際的代碼吧。
  2. 首先是表示進度的圓圈，我們來新建一個CusImage繼承view類，實時的傳入進度參數(shù)。
 
 
 
 
    
  
  
  
  
  1. package com.example.mybutton;
    2. 
  
  
  
  
  2. 
  
  
  
  
  3. import android.annotation.SuppressLint;
    4. 
  
  
  
  
  4. import android.content.Context;
    5. 
  
  
  
  
  5. import android.graphics.Canvas;
    6. 
  
  
  
  
  6. import android.graphics.Color;
    7. 
  
  
  
  
  7. import android.graphics.Paint;
    8. 
  
  
  
  
  8. import android.graphics.RectF;
    9. 
  
  
  
  
  9. import android.util.AttributeSet;
    10. 
  
  
  
  
  10. import android.util.DisplayMetrics;
    11. 
  
  
  
  
  11. import android.util.Log;
    12. 
  
  
  
  
  12. import android.view.View;
    13. 
  
  
  
  
  13. 
  
  
  
  
  14. @SuppressLint("ViewConstructor") 
    15. 
  
  
  
  
  15. public class CusImage extends View {
    16. 
  
  
  
  
  16. 
  
  
  
  
  17.     private ButtonLayout b;
    18. 
  
  
  
  
  18.     private Paint myPaint;
    19. 
  
  
  
  
  19.     private float startAngle, sweepAngle;
    20. 
  
  
  
  
  20.     private RectF rect;
    21. 
  
  
  
  
  21.     // 默認控件大小
    22. 
  
  
  
  
  22.     private int pix = 160;
    23. 
  
  
  
  
  23. 
  
  
  
  
  24.     public CusImage(Context context, ButtonLayout b) {
    25. 
  
  
  
  
  25.         super(context);
    26. 
  
  
  
  
  26.         this.b = b;
    27. 
  
  
  
  
  27.         init();
    28. 
  
  
  
  
  28.         // TODO Auto-generated constructor stub
    29. 
  
  
  
  
  29.     }
    30. 
  
  
  
  
  30. 
  
  
  
  
  31.     public CusImage(Context context, AttributeSet attrs, ButtonLayout b) {
    32. 
  
  
  
  
  32.         super(context, attrs);
    33. 
  
  
  
  
  33.         this.b = b;
    34. 
  
  
  
  
  34.         init();
    35. 
  
  
  
  
  35.         // TODO Auto-generated constructor stub
    36. 
  
  
  
  
  36.     }
    37. 
  
  
  
  
  37. 
  
  
  
  
  38.     private void init() {
    39. 
  
  
  
  
  39.         myPaint = new Paint();
    40. 
  
  
  
  
  40.         DisplayMetrics metrics = getContext().getResources()
    41. 
  
  
  
  
  41.                 .getDisplayMetrics();
    42. 
  
  
  
  
  42.         int width = metrics.widthPixels;
    43. 
  
  
  
  
  43.         int height = metrics.heightPixels;
    44. 
  
  
  
  
  44.         Log.d("TAG", width + "");
    45. 
  
  
  
  
  45.         Log.d("TAG", height + "");
    46. 
  
  
  
  
  46.         float scarea = width * height;
    47. 
  
  
  
  
  47.         pix = (int) Math.sqrt(scarea * 0.0217);
    48. 
  
  
  
  
  48. 
  
  
  
  
  49.         //抗鋸齒
    50. 
  
  
  
  
  50.         myPaint.setAntiAlias(true);
    51. 
  
  
  
  
  51.         //stroke表示空心，F(xiàn)ill表示實心
    52. 
  
  
  
  
  52.         myPaint.setStyle(Paint.Style.STROKE);
    53. 
  
  
  
  
  53.         //顏色
    54. 
  
  
  
  
  54.         myPaint.setColor(Color.rgb(0, 161, 234));
    55. 
  
  
  
  
  55.         //設(shè)置線條粗細
    56. 
  
  
  
  
  56.         myPaint.setStrokeWidth(7);
    57. 
  
  
  
  
  57. 
  
  
  
  
  58.         float startx = (float) (pix * 0.05);
    59. 
  
  
  
  
  59.         float endx = (float) (pix * 0.95);
    60. 
  
  
  
  
  60.         float starty = (float) (pix * 0.05);
    61. 
  
  
  
  
  61.         float endy = (float) (pix * 0.95);
    62. 
  
  
  
  
  62.         //矩形區(qū)域
    63. 
  
  
  
  
  63.         rect = new RectF(startx, starty, endx, endy);
    64. 
  
  
  
  
  64.     }
    65. 
  
  
  
  
  65. 
  
  
  
  
  66.     @Override
    67. 
  
  
  
  
  67.     protected void onDraw(Canvas canvas) {
    68. 
  
  
  
  
  68.         // 畫弧線
    69. 
  
  
  
  
  69.         // 在rect這個區(qū)域內(nèi)畫，開始的角度，掃過的度數(shù)而不是結(jié)束的角度,false表示不與圓心連線，true通常用來畫扇形，畫筆。
    70. 
  
  
  
  
  70.         canvas.drawArc(rect, startAngle, sweepAngle, false, myPaint);
    71. 
  
  
  
  
  71.         startAngle = -90;
    72. 
  
  
  
  
  72. 
  
  
  
  
  73.         //小于1圈
    74. 
  
  
  
  
  74.         if (sweepAngle < 360 &&b.flg_frmwrk_mode == 2) {
    75. 
  
  
  
  
  75.             invalidate();
    76. 
  
  
  
  
  76.         }else if(b.flg_frmwrk_mode == 1){
    77. 
  
  
  
  
  77.                     
    78. 
  
  
  
  
  78.         }else {//掃完一圈，調(diào)用b.finalAnimation()
    79. 
  
  
  
  
  79.             sweepAngle = 0;
    80. 
  
  
  
  
  80.             startAngle = -90;
    81. 
  
  
  
  
  81.             b.finalAnimation();
    82. 
  
  
  
  
  82. 
  
  
  
  
  83.         }
    84. 
  
  
  
  
  84.         super.onDraw(canvas);
    85. 
  
  
  
  
  85.     }
    86. 
  
  
  
  
  86. 
  
  
  
  
  87.     /**
    88. 
  
  
  
  
  88.      * 控制控件的大小 http://blog.csdn.net/pi9nc/article/details/18764863
    89. 
  
  
  
  
  89.      **/
    90. 
  
  
  
  
  90.     @Override
    91. 
  
  
  
  
  91.     protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
    92. 
  
  
  
  
  92.         int desiredWidth = pix;
    93. 
  
  
  
  
  93.         int desiredHeight = pix;
    94. 
  
  
  
  
  94.         int widthMode = MeasureSpec.getMode(widthMeasureSpec);
    95. 
  
  
  
  
  95.         int widthSize = MeasureSpec.getSize(widthMeasureSpec);
    96. 
  
  
  
  
  96.         int heightMode = MeasureSpec.getMode(heightMeasureSpec);
    97. 
  
  
  
  
  97.         int heightSize = MeasureSpec.getSize(heightMeasureSpec);
    98. 
  
  
  
  
  98. 
  
  
  
  
  99.         int width;
    100. 
  
  
  
  
  100.         int height;
    101. 
  
  
  
  
  101. 
  
  
  
  
  102.         // 如果控件寬度是指定大小，寬度為指定的尺寸
    103. 
  
  
  
  
  103.         if (widthMode == MeasureSpec.EXACTLY) {
    104. 
  
  
  
  
  104.             width = widthSize;
    105. 
  
  
  
  
  105.         } else if (widthMode == MeasureSpec.AT_MOST) { // 沒有限制，默認內(nèi)容大小
    106. 
  
  
  
  
  106.             width = Math.min(desiredWidth, widthSize);
    107. 
  
  
  
  
  107.         } else {
    108. 
  
  
  
  
  108.             width = desiredWidth;
    109. 
  
  
  
  
  109.         }
    110. 
  
  
  
  
  110. 
  
  
  
  
  111.         // 如果控件高度是指定大小，高度為指定的尺寸
    112. 
  
  
  
  
  112.         if (heightMode == MeasureSpec.EXACTLY) {
    113. 
  
  
  
  
  113.             height = heightSize;
    114. 
  
  
  
  
  114.         } else if (heightMode == MeasureSpec.AT_MOST) {// 沒有限制，默認內(nèi)容大小
    115. 
  
  
  
  
  115.             height = Math.min(desiredHeight, heightSize);
    116. 
  
  
  
  
  116.         } else {
    117. 
  
  
  
  
  117.             height = desiredHeight;
    118. 
  
  
  
  
  118.         }
    119. 
  
  
  
  
  119.         // 設(shè)定控件大小
    120. 
  
  
  
  
  120.         setMeasuredDimension(width, height);
    121. 
  
  
  
  
  121.     }
    122. 
  
  
  
  
  122.     // 傳入?yún)?shù)
    123. 
  
  
  
  
  123.     public void setupprogress(int progress) {
    124. 
  
  
  
  
  124.         sweepAngle = (float) (progress * 3.6);
    125. 
  
  
  
  
  125.     }
    126. 
  
  
  
  
  126. 
  
  
  
  
  127.     public void reset() {
    128. 
  
  
  
  
  128.         startAngle = -90;
    129. 
  
  
  
  
  129.     }
    130. 
  
  
  
  
  130. 
  
  
  
  
  131. }
    132.

有了表示進度的view之后，我們要在一個viewgroup控件中組裝各個部分來實現(xiàn)整個按鈕，這里我用的是framelayout

這里代碼寫在一起了，我把它們一個一個拎出來講解。

首先是ImageView的初始化

 
 
 
 
    
  
  
  
  
  1. /**
    2. 
  
  
  
  
  2.      * 創(chuàng)建各個控件
    3. 
  
  
  
  
  3.      */
    4. 
  
  
  
  
  4.     private void initialise() {
    5. 
  
  
  
  
  5.         // 按鈕的進度條
    6. 
  
  
  
  
  6.         cusView = new CusImage(getContext(), this);
    7. 
  
  
  
  
  7.         // 按鈕中間的形狀
    8. 
  
  
  
  
  8.         buttonimage = new ImageView(getContext());
    9. 
  
  
  
  
  9.         // 完成進度后顯示的圖像
    10. 
  
  
  
  
  10.         fillcircle = new ImageView(getContext());
    11. 
  
  
  
  
  11.         //外面一圈圓
    12. 
  
  
  
  
  12.         full_circle_image = new ImageView(getContext());
    13. 
  
  
  
  
  13.         // 設(shè)置控件不接受點擊事件
    14. 
  
  
  
  
  14.         cusView.setClickable(false);
    15. 
  
  
  
  
  15.         buttonimage.setClickable(false);
    16. 
  
  
  
  
  16.         fillcircle.setClickable(false);
    17. 
  
  
  
  
  17.         full_circle_image.setClickable(false);
    18. 
  
  
  
  
  18. 
  
  
  
  
  19.         setClickable(true);
    20. 
  
  
  
  
  20. 
  
  
  
  
  21.     }
    22.

然后是設(shè)置動畫

 
 
 
 
    
  
  
  
  
  1. /**
    2. 
  
  
  
  
  2.      * 設(shè)置動畫及動畫監(jiān)聽器
    3. 
  
  
  
  
  3.      */
    4. 
  
  
  
  
  4.     private void setAnimation() {
    5. 
  
  
  
  
  5. 
  
  
  
  
  6.         // Setting up and defining view animations.
    7. 
  
  
  
  
  7. 
  
  
  
  
  8.         // http://blog.csdn.net/congqingbin/article/details/7889778
    9. 
  
  
  
  
  9.         // RELATIVE_TO_PARENT:與父控件的的中心為重點；RELATIVE_TO_SELF以自己為中心
    10. 
  
  
  
  
  10.         // 左上角 分別為0.0f 0.0f 中心點為0.5f，0.5f 右下角1.0f，1.0f
    11. 
  
  
  
  
  11.         /*
    12. 
  
  
  
  
  12.          * arcRotation = new RotateAnimation(0.0f, 360.0f,
    13. 
  
  
  
  
  13.          * Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
    14. 
  
  
  
  
  14.          */
    15. 
  
  
  
  
  15.         // 持續(xù)時間1000ms
    16. 
  
  
  
  
  16.         // arcRotation.setDuration(500);
    17. 
  
  
  
  
  17. 
  
  
  
  
  18.         in = new AnimationSet(true);
    19. 
  
  
  
  
  19.         out = new AnimationSet(true);
    20. 
  
  
  
  
  20. 
  
  
  
  
  21.         // http://blog.csdn.net/jason0539/article/details/16370405
    22. 
  
  
  
  
  22.         out.setInterpolator(new AccelerateDecelerateInterpolator());
    23. 
  
  
  
  
  23.         in.setInterpolator(new AccelerateDecelerateInterpolator());
    24. 
  
  
  
  
  24. 
  
  
  
  
  25.         // http://blog.csdn.net/xsl1990/article/details/17096501
    26. 
  
  
  
  
  26.         scale_in = new ScaleAnimation(0.0f, 1.0f, 0.0f, 1.0f,
    27. 
  
  
  
  
  27.                 Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF,
    28. 
  
  
  
  
  28.                 0.5f);
    29. 
  
  
  
  
  29.         scale_out = new ScaleAnimation(1.0f, 3.0f, 1.0f, 3.0f,
    30. 
  
  
  
  
  30.                 Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF,
    31. 
  
  
  
  
  31.                 0.5f);
    32. 
  
  
  
  
  32. 
  
  
  
  
  33.         // 縮放動畫，起始x軸的縮放為0，y軸的縮放為0，動畫后，x，y軸大小與圖像尺寸相同
    34. 
  
  
  
  
  34.         // x,y可以把它當(dāng)做寬度和高度
    35. 
  
  
  
  
  35.         new_scale_in = new ScaleAnimation(0.0f, 1.0f, 0.0f, 1.0f,
    36. 
  
  
  
  
  36.                 Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF,
    37. 
  
  
  
  
  37.                 0.5f);
    38. 
  
  
  
  
  38. 
  
  
  
  
  39.         new_scale_in.setDuration(200);
    40. 
  
  
  
  
  40. 
  
  
  
  
  41.         // 透明度的動畫
    42. 
  
  
  
  
  42.         fade_in = new AlphaAnimation(0.0f, 1.0f);
    43. 
  
  
  
  
  43.         fade_out = new AlphaAnimation(1.0f, 0.0f);
    44. 
  
  
  
  
  44. 
  
  
  
  
  45.         scale_in.setDuration(150);
    46. 
  
  
  
  
  46.         scale_out.setDuration(150);
    47. 
  
  
  
  
  47.         fade_in.setDuration(150);
    48. 
  
  
  
  
  48.         fade_out.setDuration(150);
    49. 
  
  
  
  
  49. 
  
  
  
  
  50.         // 進入的動畫集
    51. 
  
  
  
  
  51.         in.addAnimation(scale_in);
    52. 
  
  
  
  
  52.         in.addAnimation(fade_in);
    53. 
  
  
  
  
  53.         // 退出的動畫集
    54. 
  
  
  
  
  54.         out.addAnimation(fade_out);
    55. 
  
  
  
  
  55.         out.addAnimation(scale_out);
    56. 
  
  
  
  
  56. 
  
  
  
  
  57.         out.setAnimationListener(new AnimationListener() {
    58. 
  
  
  
  
  58. 
  
  
  
  
  59.             @Override
    60. 
  
  
  
  
  60.             public void onAnimationStart(Animation animation) {
    61. 
  
  
  
  
  61.                 // TODO Auto-generated method stub
    62. 
  
  
  
  
  62.                 System.out.println("print this");
    63. 
  
  
  
  
  63.             }
    64. 
  
  
  
  
  64. 
  
  
  
  
  65.             @Override
    66. 
  
  
  
  
  66.             public void onAnimationRepeat(Animation animation) {
    67. 
  
  
  
  
  67.                 // TODO Auto-generated method stub
    68. 
  
  
  
  
  68. 
  
  
  
  
  69.             }
    70. 
  
  
  
  
  70. 
  
  
  
  
  71.             @Override
    72. 
  
  
  
  
  72.             public void onAnimationEnd(Animation animation) {
    73. 
  
  
  
  
  73.                 // TODO Auto-generated method stub
    74. 
  
  
  
  
  74. 
  
  
  
  
  75.                 buttonimage.setVisibility(View.GONE);
    76. 
  
  
  
  
  76.                 buttonimage.setImageBitmap(second_icon_bmp);
    77. 
  
  
  
  
  77.                 buttonimage.setVisibility(View.VISIBLE);
    78. 
  
  
  
  
  78.                 buttonimage.startAnimation(in);
    79. 
  
  
  
  
  79.                 full_circle_image.setVisibility(View.VISIBLE);
    80. 
  
  
  
  
  80.                 cusView.setVisibility(View.VISIBLE);
    81. 
  
  
  
  
  81. 
  
  
  
  
  82.                 flg_frmwrk_mode = 2;
    83. 
  
  
  
  
  83. 
  
  
  
  
  84.                 System.out.println("flg_frmwrk_mode" + flg_frmwrk_mode);
    85. 
  
  
  
  
  85. 
  
  
  
  
  86.             }
    87. 
  
  
  
  
  87.         });
    88. 
  
  
  
  
  88. 
  
  
  
  
  89.         new_scale_in.setAnimationListener(new AnimationListener() {
    90. 
  
  
  
  
  90. 
  
  
  
  
  91.             @Override
    92. 
  
  
  
  
  92.             public void onAnimationStart(Animation animation) {
    93. 
  
  
  
  
  93.                 // TODO Auto-generated method stub
    94. 
  
  
  
  
  94. 
  
  
  
  
  95.             }
    96. 
  
  
  
  
  96. 
  
  
  
  
  97.             @Override
    98. 
  
  
  
  
  98.             public void onAnimationRepeat(Animation animation) {
    99. 
  
  
  
  
  99.                 // TODO Auto-generated method stub
    100. 
  
  
  
  
  100. 
  
  
  
  
  101.             }
    102. 
  
  
  
  
  102. 
  
  
  
  
  103.             @Override
    104. 
  
  
  
  
  104.             public void onAnimationEnd(Animation animation) {
    105. 
  
  
  
  
  105.                 // TODO Auto-generated method stub
    106. 
  
  
  
  
  106.                 cusView.setVisibility(View.GONE);
    107. 
  
  
  
  
  107.                 buttonimage.setVisibility(View.VISIBLE);
    108. 
  
  
  
  
  108.                 buttonimage.setImageBitmap(third_icon_bmp);
    109. 
  
  
  
  
  109.                 flg_frmwrk_mode = 3;
    110. 
  
  
  
  
  110.                 buttonimage.startAnimation(in);
    111. 
  
  
  
  
  111. 
  
  
  
  
  112.             }
    113. 
  
  
  
  
  113.         });
    114. 
  
  
  
  
  114. 
  
  
  
  
  115.     }
    116.

再接著是畫出各個形狀

 
 
 
 
    
  
  
  
  
  1. * 設(shè)置各個畫面的路徑
    2. 
  
  
  
  
  2.    */
    3. 
  
  
  
  
  3.   private void iconCreate() {
    4. 
  
  
  
  
  4. 
  
  
  
  
  5.       // Creating icons using path
    6. 
  
  
  
  
  6.       // Create your own icons or feel free to use these
    7. 
  
  
  
  
  7. 
  
  
  
  
  8.       play = new Path();
    9. 
  
  
  
  
  9.       play.moveTo(pix * 40 / 100, pix * 36 / 100);
    10. 
  
  
  
  
  10.       play.lineTo(pix * 40 / 100, pix * 63 / 100);
    11. 
  
  
  
  
  11.       play.lineTo(pix * 69 / 100, pix * 50 / 100);
    12. 
  
  
  
  
  12.       play.close();
    13. 
  
  
  
  
  13. 
  
  
  
  
  14.       stop = new Path();
    15. 
  
  
  
  
  15.       stop.moveTo(pix * 38 / 100, pix * 38 / 100);
    16. 
  
  
  
  
  16.       stop.lineTo(pix * 62 / 100, pix * 38 / 100);
    17. 
  
  
  
  
  17.       stop.lineTo(pix * 62 / 100, pix * 62 / 100);
    18. 
  
  
  
  
  18.       stop.lineTo(pix * 38 / 100, pix * 62 / 100);
    19. 
  
  
  
  
  19.       stop.close();
    20. 
  
  
  
  
  20. 
  
  
  
  
  21.       download_triangle = new Path();
    22. 
  
  
  
  
  22.       download_triangle.moveTo(pix * 375 / 1000, (pix / 2)
    23. 
  
  
  
  
  23.               + (pix * 625 / 10000) - (pix * 3 / 100));
    24. 
  
  
  
  
  24.       download_triangle.lineTo(pix / 2, (pix * 625 / 1000)
    25. 
  
  
  
  
  25.               + (pix * 625 / 10000) - (pix * 3 / 100));
    26. 
  
  
  
  
  26.       download_triangle.lineTo(pix * 625 / 1000, (pix / 2)
    27. 
  
  
  
  
  27.               + (pix * 625 / 10000) - (pix * 3 / 100));
    28. 
  
  
  
  
  28.       download_triangle.close();
    29. 
  
  
  
  
  29. 
  
  
  
  
  30.       download_rectangle = new Path();
    31. 
  
  
  
  
  31.       download_rectangle.moveTo(pix * 4375 / 10000, (pix / 2)
    32. 
  
  
  
  
  32.               + (pix * 625 / 10000) - (pix * 3 / 100));
    33. 
  
  
  
  
  33.       download_rectangle.lineTo(pix * 5625 / 10000, (pix / 2)
    34. 
  
  
  
  
  34.               + (pix * 625 / 10000) - (pix * 3 / 100));
    35. 
  
  
  
  
  35.       download_rectangle.lineTo(pix * 5625 / 10000, (pix * 375 / 1000)
    36. 
  
  
  
  
  36.               + (pix * 625 / 10000) - (pix * 3 / 100));
    37. 
  
  
  
  
  37.       download_rectangle.lineTo(pix * 4375 / 10000, (pix * 375 / 1000)
    38. 
  
  
  
  
  38.               + (pix * 625 / 10000) - (pix * 3 / 100));
    39. 
  
  
  
  
  39.       download_rectangle.close();
    40. 
  
  
  
  
  40. 
  
  
  
  
  41.       tick = new Path();
    42. 
  
  
  
  
  42.       tick.moveTo(pix * 30 / 100, pix * 50 / 100);
    43. 
  
  
  
  
  43.       tick.lineTo(pix * 45 / 100, pix * 625 / 1000);
    44. 
  
  
  
  
  44.       tick.lineTo(pix * 65 / 100, pix * 350 / 1000);
    45. 
  
  
  
  
  45. 
  
  
  
  
  46.   }
    47. 
  
  
  
  
  47. 
  
  
  
  
  48.   /**
    49. 
  
  
  
  
  49.    * 創(chuàng)建各個bitmap添加到framelayout中
    50. 
  
  
  
  
  50.    */
    51. 
  
  
  
  
  51.   public void init() {
    52. 
  
  
  
  
  52. 
  
  
  
  
  53.       // Defining and drawing bitmaps and assigning views to the layout
    54. 
  
  
  
  
  54. 
  
  
  
  
  55.       FrameLayout.LayoutParams lp = new FrameLayout.LayoutParams(
    56. 
  
  
  
  
  56.               FrameLayout.LayoutParams.WRAP_CONTENT,
    57. 
  
  
  
  
  57.               FrameLayout.LayoutParams.WRAP_CONTENT);
    58. 
  
  
  
  
  58. 
  
  
  
  
  59.       lp.setMargins(10, 10, 10, 10);
    60. 
  
  
  
  
  60. 
  
  
  
  
  61.       fillcircle.setVisibility(View.GONE);
    62. 
  
  
  
  
  62. 
  
  
  
  
  63.       Bitmap.Config conf = Bitmap.Config.ARGB_8888; // see other conf types
    64. 
  
  
  
  
  64.       Bitmap full_circle_bmp = Bitmap.createBitmap(pix, pix, conf);
    65. 
  
  
  
  
  65.       Bitmap fill_circle_bmp = Bitmap.createBitmap(pix, pix, conf);
    66. 
  
  
  
  
  66. 
  
  
  
  
  67.       first_icon_bmp = Bitmap.createBitmap(pix, pix, conf); // Bitmap to draw
    68. 
  
  
  
  
  68.                                                               // first icon(
    69. 
  
  
  
  
  69.                                                               // Default -
    70. 
  
  
  
  
  70.                                                               // Play )
    71. 
  
  
  
  
  71. 
  
  
  
  
  72.       second_icon_bmp = Bitmap.createBitmap(pix, pix, conf); // Bitmap to draw
    73. 
  
  
  
  
  73.                                                               // second icon(
    74. 
  
  
  
  
  74.                                                               // Default -
    75. 
  
  
  
  
  75.                                                               // Stop )
    76. 
  
  
  
  
  76. 
  
  
  
  
  77.       third_icon_bmp = Bitmap.createBitmap(pix, pix, conf); // Bitmap to draw
    78. 
  
  
  
  
  78.                                                               // third icon(
    79. 
  
  
  
  
  79.                                                               // Default -
    80. 
  
  
  
  
  80.                                                               // Tick )
    81. 
  
  
  
  
  81. 
  
  
  
  
  82.       Canvas first_icon_canvas = new Canvas(first_icon_bmp);
    83. 
  
  
  
  
  83.       Canvas second_icon_canvas = new Canvas(second_icon_bmp);
    84. 
  
  
  
  
  84.                                                     
    
                                                文章標(biāo)題：Android入門篇——Button控件+自定義Button控件                                                
    
                                                轉(zhuǎn)載源于：http://www.dlmjj.cn/article/djddise.html