Android 사용자 정의view 연습(본방사수 좋아요)
효과도
232DDD151CFF89D0B054B97E136FE1DA.png
잔말 말고 코드로 바로 올라가세요.
LikeStarView
public class LikeStarView extends View {
public static final String TAG = "LikeStarView";
private Bitmap mBitmap;
private Point mPoint, mStartPoint, mEndPoint;
public LikeStarView(Context context) {
this(context, null);
}
public LikeStarView(Context context, @Nullable AttributeSet attrs) {
this(context, attrs, 0);
}
public LikeStarView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
init(context);
}
private void init(Context context) {
// 。 。
Resources resources = context.getResources();
mBitmap = BitmapFactory.decodeResource(resources, R.drawable.ic_fav);
}
@Override
protected void onDraw(Canvas canvas) {
canvas.drawBitmap(mBitmap, mPoint.x, mPoint.y, new Paint());
super.onDraw(canvas);
}
public void startanim() {
if (mStartPoint == null) {
return;
}
// , 500,201
mEndPoint = new Point(mStartPoint.x, mStartPoint.y - 500);// ,
Random random = new Random();
int result = random.nextInt(201) - 100; //
Point controllPoint = new Point(mStartPoint.x + result, mStartPoint.y - 250);//
LikeStarEvaluator likeStarEvaluator = new LikeStarEvaluator(controllPoint);
ValueAnimator animator = ValueAnimator.ofObject(likeStarEvaluator, mStartPoint, mEndPoint);
animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
@Override
public void onAnimationUpdate(ValueAnimator animation) {
Point point = (Point) animation.getAnimatedValue();
mPoint.x = point.x;
mPoint.y = point.y;
//
setAlpha((float) (point.y - mEndPoint.y) / (float) 500);
invalidate();
}
});
animator.addListener(new Animator.AnimatorListener() {
@Override
public void onAnimationStart(Animator animation) {
}
@Override
public void onAnimationEnd(Animator animation) {
//
ViewGroup viewGroup = (ViewGroup) getParent();
viewGroup.removeView(LikeStarView.this);
}
@Override
public void onAnimationCancel(Animator animation) {
}
@Override
public void onAnimationRepeat(Animator animation) {
}
});
animator.setDuration(2000);
animator.setInterpolator(new LinearInterpolator());
animator.start();
}
//
public void setstartpoint(Point point) {
this.mStartPoint = point;
this.mPoint = point;
}
}
LikeStarEvaluator:
class LikeStarEvaluator implements TypeEvaluator {
// ,
private Point controllPoint;
public LikeStarEvaluator(Point controllPoint) {
this.controllPoint = controllPoint;
}
@Override
public Point evaluate(float t, Point startValue, Point endValue) {
// ,
int x = (int) ((1 - t) * (1 - t) * startValue.x + 2 * t * (1 - t) * controllPoint.x + t * t * endValue.x);
int y = (int) ((1 - t) * (1 - t) * startValue.y + 2 * t * (1 - t) * controllPoint.y + t * t * endValue.y);
return new Point(x, y);// path
}
}
LikeStarActivity: (프리뷰)
public class LikeStarActivity extends AppCompatActivity implements View.OnTouchListener{
private LinearLayout mTouchView;
public static final String TAG = "LikeStarActivity";
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_like_star);
mTouchView = (LinearLayout) findViewById(R.id.touchview);
mTouchView.setOnTouchListener(this);
}
@Override
public boolean onTouch(View v, MotionEvent event) {
switch (event.getAction()){
case MotionEvent.ACTION_DOWN:
LikeStarView likeStarView = new LikeStarView(LikeStarActivity.this);
//
int pointX = (int) event.getRawX();
int pointY = (int) event.getRawY();
likeStarView.setstartpoint(new Point(pointX,pointY));
// view
ViewGroup rootView = (ViewGroup) LikeStarActivity.this.getWindow().getDecorView();
rootView.addView(likeStarView);
likeStarView.startanim();
break;
}
return super.onTouchEvent(event);
}
}
그래, 이렇게 간단해.예는 비교적 간단하고 거칠어서 의사소통을 배우는 데만 사용되고 실제 사용에는 화면 사이즈에 맞게 랜덤 색상의 하트를 추가해야 한다.
데모 주소
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSON
JSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다.
그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다.
저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
public class LikeStarView extends View {
public static final String TAG = "LikeStarView";
private Bitmap mBitmap;
private Point mPoint, mStartPoint, mEndPoint;
public LikeStarView(Context context) {
this(context, null);
}
public LikeStarView(Context context, @Nullable AttributeSet attrs) {
this(context, attrs, 0);
}
public LikeStarView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
init(context);
}
private void init(Context context) {
// 。 。
Resources resources = context.getResources();
mBitmap = BitmapFactory.decodeResource(resources, R.drawable.ic_fav);
}
@Override
protected void onDraw(Canvas canvas) {
canvas.drawBitmap(mBitmap, mPoint.x, mPoint.y, new Paint());
super.onDraw(canvas);
}
public void startanim() {
if (mStartPoint == null) {
return;
}
// , 500,201
mEndPoint = new Point(mStartPoint.x, mStartPoint.y - 500);// ,
Random random = new Random();
int result = random.nextInt(201) - 100; //
Point controllPoint = new Point(mStartPoint.x + result, mStartPoint.y - 250);//
LikeStarEvaluator likeStarEvaluator = new LikeStarEvaluator(controllPoint);
ValueAnimator animator = ValueAnimator.ofObject(likeStarEvaluator, mStartPoint, mEndPoint);
animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
@Override
public void onAnimationUpdate(ValueAnimator animation) {
Point point = (Point) animation.getAnimatedValue();
mPoint.x = point.x;
mPoint.y = point.y;
//
setAlpha((float) (point.y - mEndPoint.y) / (float) 500);
invalidate();
}
});
animator.addListener(new Animator.AnimatorListener() {
@Override
public void onAnimationStart(Animator animation) {
}
@Override
public void onAnimationEnd(Animator animation) {
//
ViewGroup viewGroup = (ViewGroup) getParent();
viewGroup.removeView(LikeStarView.this);
}
@Override
public void onAnimationCancel(Animator animation) {
}
@Override
public void onAnimationRepeat(Animator animation) {
}
});
animator.setDuration(2000);
animator.setInterpolator(new LinearInterpolator());
animator.start();
}
//
public void setstartpoint(Point point) {
this.mStartPoint = point;
this.mPoint = point;
}
}
class LikeStarEvaluator implements TypeEvaluator {
// ,
private Point controllPoint;
public LikeStarEvaluator(Point controllPoint) {
this.controllPoint = controllPoint;
}
@Override
public Point evaluate(float t, Point startValue, Point endValue) {
// ,
int x = (int) ((1 - t) * (1 - t) * startValue.x + 2 * t * (1 - t) * controllPoint.x + t * t * endValue.x);
int y = (int) ((1 - t) * (1 - t) * startValue.y + 2 * t * (1 - t) * controllPoint.y + t * t * endValue.y);
return new Point(x, y);// path
}
}
public class LikeStarActivity extends AppCompatActivity implements View.OnTouchListener{
private LinearLayout mTouchView;
public static final String TAG = "LikeStarActivity";
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_like_star);
mTouchView = (LinearLayout) findViewById(R.id.touchview);
mTouchView.setOnTouchListener(this);
}
@Override
public boolean onTouch(View v, MotionEvent event) {
switch (event.getAction()){
case MotionEvent.ACTION_DOWN:
LikeStarView likeStarView = new LikeStarView(LikeStarActivity.this);
//
int pointX = (int) event.getRawX();
int pointY = (int) event.getRawY();
likeStarView.setstartpoint(new Point(pointX,pointY));
// view
ViewGroup rootView = (ViewGroup) LikeStarActivity.this.getWindow().getDecorView();
rootView.addView(likeStarView);
likeStarView.startanim();
break;
}
return super.onTouchEvent(event);
}
}
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.