Android入门篇——Button控件+自定义Button控件

首先***步就是往布局文件里拖一个Button控件，当然自己码出来也可以。XML布局如下

创新互联一直秉承“诚信做人，踏实做事”的原则，不欺瞒客户，是我们最起码的底线！ 以服务为基础，以质量求生存，以技术求发展，成交一个客户多一个朋友！为您提供成都做网站、成都网站制作、成都网页设计、微信小程序开发、成都网站开发、成都网站制作、成都软件开发、重庆APP软件开发是成都本地专业的网站建设和网站设计公司，等你一起来见证！

 
 
 
 
    
  
  
  
  
  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.

当然，一个控件的布局属性还有很多，这些都是需要我们多用多熟悉才行。

然后再在程序中调用它

 
 
 
 
    
  
  
  
  
  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寻找控件，记得寻找控件前一定要先设置好布局文件
    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.                 //这里填写单击按钮后要执行的事件
    17. 
  
  
  
  
  17.             }
    18. 
  
  
  
  
  18.             
    19. 
  
  
  
  
  19.         });
    20. 
  
  
  
  
  20.         myButton.setOnTouchListener(new OnTouchListener(){...});//设置触碰到按钮的监听器
    21. 
  
  
  
  
  21.         myButton.setOnLongClickListener(new OnLongClickListener(){...});//设置长按按钮的监听器
    22. 
  
  
  
  
  22.         myButton.setOnHoverListener(new OnHoverListener(){...});//设置界面覆盖按钮时的监听器
    23. 
  
  
  
  
  23.         //还有其它的的监听器，我们可以根据不同的需求来调用相应的监听器
    24. 
  
  
  
  
  24.     }
    25. 
  
  
  
  
  25. 
  
  
  
  
  26. 
  
  
  
  
  27. }
    28.

或者这样设置监听器

 
 
 
 
    
  
  
  
  
  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.         //寻找控件，记得寻找控件前一定要先设置好布局文件
    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.         //根据View的id来进行相关操作
    22. 
  
  
  
  
  22.         case R.id.button1:
    23. 
  
  
  
  
  23.             //按钮点击时处理相关的事件
    24. 
  
  
  
  
  24.             break;
    25. 
  
  
  
  
  25.         }
    26. 
  
  
  
  
  26.     }
    27. 
  
  
  
  
  27. 
  
  
  
  
  28. 
  
  
  
  
  29. }
    30.

这样一个基础功能的button控件就完成了。但当然，这不是我们今天要讲的重点，重点是我们如何自定义一个按钮，而不是使用系统给我们的按钮。

二、自定义按钮

我们先来看看效果图吧

这是一个自带进度条的按钮，它可以显示异步任务的进度，当完成后结束操作。我们来看看具体是怎么实现的吧。

  1. 拆分这个按钮。仔细观察上面的效果图，我们可以把这个按钮分成3个部分，首先是 最简单的外面一圈圆，基本上画出个圆放在那里就行了。接着是中间的三角形，正方形以及完成的勾，这个我们可以使用view里的画图类勾勒出来，再使用简单 的动画Animation来切换。***的一部分是覆盖在圆圈上的不断在表示进度的圆圈，这个我们可以不断调用这个view的ondraw来刷新进度。这就 是整个按钮的设计思路。我们来看看实际的代码吧。
  2. 首先是表示进度的圆圈，我们来新建一个CusImage继承view类，实时的传入进度参数。
 
 
 
 
    
  
  
  
  
  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表示空心，Fill表示实心
    52. 
  
  
  
  
  52.         myPaint.setStyle(Paint.Style.STROKE);
    53. 
  
  
  
  
  53.         //颜色
    54. 
  
  
  
  
  54.         myPaint.setColor(Color.rgb(0, 161, 234));
    55. 
  
  
  
  
  55.         //设置线条粗细
    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.         //矩形区域
    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这个区域内画，开始的角度，扫过的度数而不是结束的角度,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 {//扫完一圈，调用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) { // 没有限制，默认内容大小
    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) {// 没有限制，默认内容大小
    115. 
  
  
  
  
  115.             height = Math.min(desiredHeight, heightSize);
    116. 
  
  
  
  
  116.         } else {
    117. 
  
  
  
  
  117.             height = desiredHeight;
    118. 
  
  
  
  
  118.         }
    119. 
  
  
  
  
  119.         // 设定控件大小
    120. 
  
  
  
  
  120.         setMeasuredDimension(width, height);
    121. 
  
  
  
  
  121.     }
    122. 
  
  
  
  
  122.     // 传入参数
    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控件中组装各个部分来实现整个按钮，这里我用的是framelayout

这里代码写在一起了，我把它们一个一个拎出来讲解。

首先是ImageView的初始化

 
 
 
 
    
  
  
  
  
  1. /**
    2. 
  
  
  
  
  2.      * 创建各个控件
    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.         // 设置控件不接受点击事件
    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.

然后是设置动画

 
 
 
 
    
  
  
  
  
  1. /**
    2. 
  
  
  
  
  2.      * 设置动画及动画监听器
    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.         // 持续时间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可以把它当做宽度和高度
    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. * 设置各个画面的路径
    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.    * 创建各个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.                 
    
                本文名称：Android入门篇——Button控件+自定义Button控件
                
    
                文章转载：http://www.shufengxianlan.com/qtweb/news22/510822.html
            
    
            
    
                网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等
                                
    
            
    
                广告
                
            
    
            
    
                声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：
                创新互联

猜你还喜欢下面的内容

网站改版知识

行业网站建设

成都网站建设　　 　鸿艺文化传播　　 　成都托管服务器　　 　免备案空间　　 　成都封阳台　　 　成都网站推广　　 　成都网站制作　　 　网创优客　　 　达州做网站　　 　小程序开发　　 　成都多线服务器托管　　 　led无边发光字　　 　网站建设公司　　 　成都办公窗帘　　 　发电机组维修保养　　 　广汉锦华　　 　明安消防器材　　 　不锈钢防护栏　　 　泸州叙永网站建设　　 　平昌保洁