Android 에서 색상 선택 기와 글꼴 색상 변경 을 위 한 인 스 턴 스 튜 토리 얼

21391 단어 Android색깔.
1.일곱 가지 컬러 그림 구축:
우리 이런 색깔 선택 기 자주 보 죠?
2016428153031140.png (252×184)
2016428153107368.png (673×300)
그리고 사실 오른쪽 밝기 선택 은:
2016428153128201.png (168×184)
이렇게 하면 저희 코드 가 진행 이 되 는데...
 

//       
 private void init() {
 int[] oc = { 0xffff0000, 0xffffff00, 0xff00ff00, 0xff00ffff,
  0xff0000ff, 0xffff00ff, 0xffff0000 };
 float[] op = { 0, 0.16667f, 0.33333f, 0.5f, 0.66667f, 0.83333f, 1 };
 LinearGradient lg = new LinearGradient(0, 0, ORIWIDTH, 0, oc, op,
  TileMode.MIRROR);
 LinearGradient lg2 = new LinearGradient(0, 0, 0, ORIHEIGHT, 0x00808080,
  0xff808080, TileMode.MIRROR);
 oriColor = Bitmap.createBitmap(ORIWIDTH, ORIHEIGHT, Config.ARGB_8888);
 Canvas c = new Canvas(oriColor);
 paint.setShader(lg);
 c.drawRect(0, 0, ORIWIDTH, ORIHEIGHT, paint);
 paint.setShader(lg2);
 c.drawRect(0, 0, ORIWIDTH, ORIHEIGHT, paint);
 }

//       
 private void drawABar(Canvas c) {
 int x, y;
 x = (roundColor & 0x00ffffff);
 y = (x | 0xff000000);
 LinearGradient lg = new LinearGradient(0, 0, layoutWidth, 0, x, y,
  TileMode.MIRROR);
 //     x 240 + 6 * 2
 y = ORIHEIGHT + (GAP << 2) - GAP + BARHEIGHT; 
 paint.setColor(0xffffffff); 
 c.drawBitmap(aBk, 0, y, paint);
 paint.setShader(lg);
 c.drawRect(0, y, layoutWidth, y + BARHEIGHT, paint);
 }

다른 스크린 이벤트 같은 거 코드 안 붙 이 고...
2016428153425542.jpg (267×375)
2.ColorPicker 색상 선택 기 글꼴 색상 인 스 턴 스 변경:
(1)테스트 인터페이스
2016428153446166.jpg (481×801)
(2)팔레트 대화 상자
2016428153502672.jpg (481×801)
(3)글꼴 색상 변경 
2016428153526279.jpg (481×801)
네,코드 를 보 겠 습 니 다.

package com.xsl.colorpicker; 

import android.app.Dialog; 
 
import android.content.Context; 
 
import android.graphics.Canvas; 
 
import android.graphics.Color; 
 
import android.graphics.LinearGradient; 
 
import android.graphics.Paint; 
 
import android.graphics.RectF; 
 
import android.graphics.Shader; 
 
import android.graphics.SweepGradient; 
 
import android.os.Bundle; 
 
import android.util.Log; 
 
import android.view.MotionEvent; 
 
import android.view.View; 
 
import android.view.WindowManager; 
 
  
 
public class ColorPickerDialog extends Dialog { 
 
  private final boolean debug = true; 
 
  private final String TAG = "ColorPicker"; 
 
    
 
  Context context; 
 
  private String title;    //   
 
  private int mInitialColor; //     
 
  private OnColorChangedListener mListener; 
 
  
 
  /** 
 
   *        
 
   * @param context 
 
   * @param title       
 
   * @param listener    
 
   */ 
 
  public ColorPickerDialog(Context context, String title,  
 
      OnColorChangedListener listener) { 
 
    this(context, Color.BLACK, title, listener); 
 
  } 



  /** 
 
   * 
 
   * @param context 
 
   * @param initialColor      
 
   * @param title    
 
   * @param listener    
 
   */ 
 
  public ColorPickerDialog(Context context, int initialColor,  
 
      String title, OnColorChangedListener listener) { 
 
    super(context); 
 
    this.context = context; 
 
    mListener = listener; 
 
    mInitialColor = initialColor; 
 
    this.title = title; 
 
  } 
 
  
 
  @Override 
 
  protected void onCreate(Bundle savedInstanceState) { 
 
    super.onCreate(savedInstanceState); 
 
    WindowManager manager = getWindow().getWindowManager(); 
 
    int height = (int) (manager.getDefaultDisplay().getHeight() * 0.38f);    //0.5 
 
    int width = (int) (manager.getDefaultDisplay().getWidth() * 0.5f);     //0.7 
 
    ColorPickerView myView = new ColorPickerView(context, height, width); 
 
    setContentView(myView); 
 
    setTitle(title); 
 
  } 

  private class ColorPickerView extends View { 
 
    private Paint mPaint;      //       
 
    private Paint mCenterPaint;   //      
 
    private Paint mLinePaint;    //      
 
    private Paint mRectPaint;    //       
 
      
 
    private Shader rectShader;   //         
 
    private float rectLeft;     //     x   
 
    private float rectTop;     //     x   
 
    private float rectRight;    //     y   
 
    private float rectBottom;    //     y   
 
      
 
    private final int[] mCircleColors;   //       
 
    private final int[] mRectColors;    //       
 
      
 
    private int mHeight;          //View  
 
    private int mWidth;           //View  
 
    private float r;            //    (paint  ) 
 
    private float centerRadius;       //      
 
      
 
    private boolean downInCircle = true;  //       
 
    private boolean downInRect;       //        
 
    private boolean highlightCenter;    //   
 
    private boolean highlightCenterLittle; //   
 
      
 
    public ColorPickerView(Context context, int height, int width) { 
 
      super(context); 
 
      this.mHeight = height - 36; 
 
      this.mWidth = width; 
 
      setMinimumHeight(height - 36); 
 
      setMinimumWidth(width); 
 
        
 
      //       
 
      mCircleColors = new int[] {0xFFFF0000, 0xFFFF00FF, 0xFF0000FF,  
 
          0xFF00FFFF, 0xFF00FF00,0xFFFFFF00, 0xFFFF0000}; 
 
      Shader s = new SweepGradient(0, 0, mCircleColors, null); 
 
      mPaint = new Paint(Paint.ANTI_ALIAS_FLAG); 
 
      mPaint.setShader(s); 
 
      mPaint.setStyle(Paint.Style.STROKE); 
 
      mPaint.setStrokeWidth(50); 
 
      r = width / 2 * 0.7f - mPaint.getStrokeWidth() * 0.5f; 
 
        
 
      //      
 
      mCenterPaint = new Paint(Paint.ANTI_ALIAS_FLAG); 
 
      mCenterPaint.setColor(mInitialColor); 
 
      mCenterPaint.setStrokeWidth(5); 
 
      centerRadius = (r - mPaint.getStrokeWidth() / 2 ) * 0.7f; 
 
        
 
      //     
 
      mLinePaint = new Paint(Paint.ANTI_ALIAS_FLAG); 
 
      mLinePaint.setColor(Color.parseColor("#72A1D1")); 
 
      mLinePaint.setStrokeWidth(4); 
 
        
 
      //       
 
      mRectColors = new int[]{0xFF000000, mCenterPaint.getColor(), 0xFFFFFFFF}; 
 
      mRectPaint = new Paint(Paint.ANTI_ALIAS_FLAG); 
 
      mRectPaint.setStrokeWidth(5); 
 
      rectLeft = -r - mPaint.getStrokeWidth() * 0.5f; 
 
      rectTop = r + mPaint.getStrokeWidth() * 0.5f +  
 
          mLinePaint.getStrokeMiter() * 0.5f + 15; 
 
      rectRight = r + mPaint.getStrokeWidth() * 0.5f; 
 
      rectBottom = rectTop + 50; 
 
    } 
  
   

 
    @Override 
 
    protected void onDraw(Canvas canvas) { 
 
      //     
 
      canvas.translate(mWidth / 2, mHeight / 2 - 50); 
 
      //     
 
      canvas.drawCircle(0, 0, centerRadius, mCenterPaint); 
 
        
 
      //             
 
      if (highlightCenter || highlightCenterLittle) { 
 
        int c = mCenterPaint.getColor(); 
 
        mCenterPaint.setStyle(Paint.Style.STROKE); 
 
        if(highlightCenter) { 
 
          mCenterPaint.setAlpha(0xFF); 
 
        }else if(highlightCenterLittle) { 
 
          mCenterPaint.setAlpha(0x90); 
 
        } 
 
        canvas.drawCircle(0, 0,  
 
            centerRadius + mCenterPaint.getStrokeWidth(), mCenterPaint); 
 
          
 
        mCenterPaint.setStyle(Paint.Style.FILL); 
 
        mCenterPaint.setColor(c); 
 
      } 
  

      //    
 
      canvas.drawOval(new RectF(-r, -r, r, r), mPaint); 
 
      //       
 
      if(downInCircle) { 
 
        mRectColors[1] = mCenterPaint.getColor(); 
 
      } 
 
      rectShader = new LinearGradient(rectLeft, 0, rectRight, 0, mRectColors, null, Shader.TileMode.MIRROR); 
 
      mRectPaint.setShader(rectShader); 
 
      canvas.drawRect(rectLeft, rectTop, rectRight, rectBottom, mRectPaint); 
 
      float offset = mLinePaint.getStrokeWidth() / 2; 
 
      canvas.drawLine(rectLeft - offset, rectTop - offset * 2,  
 
          rectLeft - offset, rectBottom + offset * 2, mLinePaint);//  
 
      canvas.drawLine(rectLeft - offset * 2, rectTop - offset,  
 
          rectRight + offset * 2, rectTop - offset, mLinePaint);//  
 
      canvas.drawLine(rectRight + offset, rectTop - offset * 2,  
 
          rectRight + offset, rectBottom + offset * 2, mLinePaint);//  
 
      canvas.drawLine(rectLeft - offset * 2, rectBottom + offset,  
 
          rectRight + offset * 2, rectBottom + offset, mLinePaint);//  
 
      super.onDraw(canvas); 
 
    } 
 
      
 
    @Override 
 
    public boolean onTouchEvent(MotionEvent event) { 
 
      float x = event.getX() - mWidth / 2; 
 
      float y = event.getY() - mHeight / 2 + 50; 
 
      boolean inCircle = inColorCircle(x, y,  
 
          r + mPaint.getStrokeWidth() / 2, r - mPaint.getStrokeWidth() / 2); 
 
      boolean inCenter = inCenter(x, y, centerRadius); 
 
      boolean inRect = inRect(x, y); 
 
        
 
      switch (event.getAction()) { 
 
        case MotionEvent.ACTION_DOWN: 
 
          downInCircle = inCircle; 
 
          downInRect = inRect; 
 
          highlightCenter = inCenter; 
 
        case MotionEvent.ACTION_MOVE: 
 
          if(downInCircle && inCircle) {//down       ,  move        
 
            float angle = (float) Math.atan2(y, x); 
 
            float unit = (float) (angle / (2 * Math.PI)); 
 
            if (unit < 0) { 
 
              unit += 1; 
 
            } 
 
            mCenterPaint.setColor(interpCircleColor(mCircleColors, unit)); 
 
            if(debug) Log.v(TAG, "   ,   : " + x + "," + y); 
 
          }else if(downInRect && inRect) {//down      ,  move        
 
            mCenterPaint.setColor(interpRectColor(mRectColors, x)); 
 
          } 
 
          if(debug) Log.v(TAG, "[MOVE]   : " + highlightCenter + "  : " + highlightCenterLittle + "   : " + inCenter); 
 
          if((highlightCenter && inCenter) || (highlightCenterLittle && inCenter)) {//     ,          
 
            highlightCenter = true; 
 
            highlightCenterLittle = false; 
 
          } else if(highlightCenter || highlightCenterLittle) {//      ,         
 
            highlightCenter = false; 
 
            highlightCenterLittle = true; 
 
          } else { 
 
            highlightCenter = false; 
 
            highlightCenterLittle = false; 
 
          } 
 
          invalidate(); 
 
          break; 
 
        case MotionEvent.ACTION_UP: 
 
          if(highlightCenter && inCenter) {//      ,           
 
            if(mListener != null) { 
 
              mListener.colorChanged(mCenterPaint.getColor()); 
 
              ColorPickerDialog.this.dismiss(); 
 
            } 
 
          } 
 
          if(downInCircle) { 
 
            downInCircle = false; 
 
          } 
 
          if(downInRect) { 
 
            downInRect = false; 
 
          } 
 
          if(highlightCenter) { 
 
            highlightCenter = false; 
 
          } 
 
          if(highlightCenterLittle) { 
 
            highlightCenterLittle = false; 
 
          } 
 
          invalidate(); 
 
          break; 
 
      } 
 
      return true; 
 
    } 
 
  
 
    @Override 
 
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { 
 
      super.onMeasure(mWidth, mHeight); 
 
    } 


    /** 
 
     *          
 
     * @param x    
 
     * @param y    
 
     * @param outRadius       
 
     * @param inRadius       
 
     * @return 
 
     */ 
 
    private boolean inColorCircle(float x, float y, float outRadius, float inRadius) { 
 
      double outCircle = Math.PI * outRadius * outRadius; 
 
      double inCircle = Math.PI * inRadius * inRadius; 
 
      double fingerCircle = Math.PI * (x * x + y * y); 
 
      if(fingerCircle < outCircle && fingerCircle > inCircle) { 
 
        return true; 
 
      }else { 
 
        return false; 
 
      } 
 
    } 


    /** 
 
     *           
 
     * @param x    
 
     * @param y    
 
     * @param centerRadius     
 
     * @return 
 
     */ 
 
    private boolean inCenter(float x, float y, float centerRadius) { 
 
      double centerCircle = Math.PI * centerRadius * centerRadius; 
 
      double fingerCircle = Math.PI * (x * x + y * y); 
 
      if(fingerCircle < centerCircle) { 
 
        return true; 
 
      }else { 
 
        return false; 
 
      } 
 
    } 

    /** 
 
     *           
 
     * @param x 
 
     * @param y 
 
     * @return 
 
     */ 
 
    private boolean inRect(float x, float y) { 
 
      if( x <= rectRight && x >=rectLeft && y <= rectBottom && y >=rectTop) { 
 
        return true; 
 
      } else { 
 
        return false; 
 
      } 
 
    } 


    /** 
 
     *         
 
     * @param colors 
 
     * @param unit 
 
     * @return 
 
     */ 
 
    private int interpCircleColor(int colors[], float unit) { 
 
      if (unit <= 0) { 
 
        return colors[0]; 
 
      } 
 
      if (unit >= 1) { 
 
        return colors[colors.length - 1]; 
 
      } 
 
        
 
      float p = unit * (colors.length - 1); 
 
      int i = (int)p; 
 
      p -= i; 
 
  
 
      // now p is just the fractional part [0...1) and i is the index 
 
      int c0 = colors[i]; 
 
      int c1 = colors[i+1]; 
 
      int a = ave(Color.alpha(c0), Color.alpha(c1), p); 
 
      int r = ave(Color.red(c0), Color.red(c1), p); 
 
      int g = ave(Color.green(c0), Color.green(c1), p); 
 
      int b = ave(Color.blue(c0), Color.blue(c1), p); 
 
        
 
      return Color.argb(a, r, g, b); 
 
    } 


    /** 
 
     *          
 
     * @param colors 
 
     * @param x 
 
     * @return 
 
     */ 
 
    private int interpRectColor(int colors[], float x) { 
 
      int a, r, g, b, c0, c1; 
 
      float p; 
 
      if (x < 0) { 
 
        c0 = colors[0];  
 
        c1 = colors[1]; 
 
        p = (x + rectRight) / rectRight; 
 
      } else { 
 
        c0 = colors[1]; 
 
        c1 = colors[2]; 
 
        p = x / rectRight; 
 
      } 
 
      a = ave(Color.alpha(c0), Color.alpha(c1), p); 
 
      r = ave(Color.red(c0), Color.red(c1), p); 
 
      g = ave(Color.green(c0), Color.green(c1), p); 
 
      b = ave(Color.blue(c0), Color.blue(c1), p); 
 
      return Color.argb(a, r, g, b); 
 
    } 
 
      
 
    private int ave(int s, int d, float p) { 
 
      return s + Math.round(p * (d - s)); 
 
    } 
 
  } 

  /** 
 
   *      
   */ 
 
  public interface OnColorChangedListener { 
 
    /** 
 
     *      
 
     * @param color       
 
     */ 
 
    void colorChanged(int color); 
 
  } 
 
    
 
  public String getTitle() { 
 
    return title; 
 
  } 
 
  
 
  public void setTitle(String title) { 
 
    this.title = title; 
 
  } 
 
  
 
  public int getmInitialColor() { 
 
    return mInitialColor; 
 
  } 
 
  
 
  public void setmInitialColor(int mInitialColor) { 
 
    this.mInitialColor = mInitialColor; 
 
  } 
 
  
 
  public OnColorChangedListener getmListener() { 
 
    return mListener; 
 
  } 
 
  
 
  public void setmListener(OnColorChangedListener mListener) { 
 
    this.mListener = mListener; 
 
  } 
 
} 
 
테스트 인터페이스
PaintDemoActivity.java

package com.xsl.colorpicker; 
 
import android.app.Activity; 
 
import android.content.Context; 
 
import android.os.Bundle; 
 
import android.view.View; 
 
import android.widget.Button; 
 
import android.widget.TextView; 
 
public class PaintDemoActivity extends Activity {   
  Context context;   
 
  private Button btnColorPicker;   
 
  private TextView tvText;   
 
     
 
  private ColorPickerDialog dialog;   
 
  @Override  
 
  public void onCreate(Bundle savedInstanceState) { 
 
    context = this; 
 
    super.onCreate(savedInstanceState); 
 
    setContentView(R.layout.main); 
 
    initViews(); 
 
  } 
 
    
 
  /**  
 
   *    UI  
 
   */  
 
  private void initViews() {   
 
    btnColorPicker = (Button) findViewById(R.id.button1);   
 
    btnColorPicker.setOnClickListener(new View.OnClickListener() {   
 
         
 
      public void onClick(View v) {   
 
        dialog = new ColorPickerDialog(context, tvText.getTextColors().getDefaultColor(),   
 
            getResources().getString(R.string.app_name),   
 
            new ColorPickerDialog.OnColorChangedListener() {   
 
          public void colorChanged(int color) {   
 
            tvText.setTextColor(color);   
 
          }   
 
        });   
 
        dialog.show(); 
 
      }   
 
    });   


    tvText = (TextView) findViewById(R.id.tv);   
 
  }   
 
} 


좋은 웹페이지 즐겨찾기