CustomView #4 예제1

이번 예제는 동그란 원과 그 안에 숫자 텍스트뷰가 있는 커스텀 뷰입니다.

원을 클릭하면 숫자가 올라가고 Toast메시지를 띄웁니다.

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:custom="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context=".MainActivity" android:orientation="vertical"> <com.hfad.customviewex3.MyView android:id="@+id/myview" android:layout_width="wrap_content" android:layout_height="wrap_content" custom:circleColor="#2222FF" /> </LinearLayout>

MainActivity,xml

public class MainActivity extends AppCompatActivity implements CircleClickListener{ MyView view; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); view = (MyView)findViewById(R.id.myview); view.setCircleClickListener(this); } @Override public void onCircleClick(int value) { Toast.makeText(getApplicationContext(), String.valueOf(value), Toast.LENGTH_SHORT).show(); } }

MainActivity.java

public class MyView extends View { Context context; int circleColor; int width; // 뷰의 가로크기 int height; // 뷰의 세로크기 int value; // 숫자 값 DisplayMetrics m; CircleClickListener listener; // 클릭 리스너 객체 public MyView(Context context) { super(context); this.context = context; init(null); } public MyView(Context context, @Nullable AttributeSet attrs) { super(context, attrs); this.context = context; init(attrs); } public MyView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); this.context = context; init(attrs); } public void setCircleClickListener(CircleClickListener listener){ this.listener = listener; } // 3개의 생성자에 함께 초기화를 하기위해서 메서드를 정의합니다. private void init(AttributeSet attrs){ //attrs가 있다면 xml에 정의된 커스텀 속성을 받습니다. if(attrs !=null){ TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.myview); circleColor = a.getColor(R.styleable.myview_circleColor, Color.RED); } value = 0; } //뷰를 직접 그리는 메소드입니다. @Override protected void onDraw(Canvas canvas) { canvas.drawColor(Color.alpha(Color.CYAN)); // 초기화 백지로 만듭니다. //원을 그립니다. Paint paint = new Paint(); paint.setColor(circleColor); canvas.drawCircle(width/2, height/2, width / 2, paint); //텍스트를 그립니다. paint.setTextSize(35* m.density); paint.setColor(Color.BLACK); canvas.drawText(String.valueOf(value), width/2, height/2,paint); } // 뷰의 크기를 측정하는 함수입니다. @Override protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { m = getResources().getDisplayMetrics(); // 스마트폰의 논리적 크기를 결정하기 위해 스마트폰의 정보를 받습니다. int widthMode = MeasureSpec.getMode(widthMeasureSpec); // xml에 지정한 크기 지정방법(wrap_content, match_parent)을 받습니다. int widthSize = MeasureSpec.getSize(widthMeasureSpec); // xml에 지정한 크기 값을 받습니다. int heightMode = MeasureSpec.getMode(heightMeasureSpec); // xml에 지정한 크기 지정방법을 받습니다. int heightSize = MeasureSpec.getSize(heightMeasureSpec); // xml에 지정한 크기 값을 받습니다. if(widthMode == MeasureSpec.AT_MOST){ // wrap_content일때 width = (int)(200 * m.density); }else if(widthMode == MeasureSpec.EXACTLY) { // match_parent나 숫자를 지정했을 떄 width = (int)(widthSize * m.density); } if(heightMode == MeasureSpec.AT_MOST){ // wrap_content 일때 height = (int)(200 * m.density); }else if(heightMode == MeasureSpec.EXACTLY){ height = (int)(heightSize * m.density); } setMeasuredDimension(width, height); } @Override public boolean onTouchEvent(MotionEvent event) { int x = (int)event.getX(); int y = (int)event.getY(); Rect rect = new Rect(0, 0, width, height); // 사각형 범위 객체를 설정합니다. if(rect.contains(x, y) && event.getAction() == MotionEvent.ACTION_DOWN){ // 사각형 범위안에 터치를 한 경우 if(listener !=null){ value++; listener.onCircleClick(value); invalidate(); } return true; } return false; } }

MyView.java

public interface CircleClickListener { public void onCircleClick(int value); }

CircleClickListener.java

<?xml version="1.0" encoding="utf-8"?> <resources> <declare-styleable name="myview"> <attr name="circleColor" format="color"/> </declare-styleable> </resources>

attrs.xml