add TUnReadView.

RxUI/src/main/java/com/tamsiree/rxui/view/TUnReadView.java

@@ -0,0 +1,249 @@
+package com.tamsiree.rxui.view;
+
+import android.annotation.SuppressLint;
+import android.content.Context;
+import android.graphics.Canvas;
+import android.graphics.Color;
+import android.graphics.Paint;
+import android.graphics.Path;
+import android.graphics.PorterDuff;
+import android.graphics.Rect;
+import android.graphics.drawable.AnimationDrawable;
+import android.os.Handler;
+import android.os.Message;
+import android.util.AttributeSet;
+import android.view.MotionEvent;
+import android.view.View;
+import android.view.ViewGroup;
+import android.widget.FrameLayout;
+import android.widget.ImageView;
+import android.widget.TextView;
+
+import com.tamsiree.rxui.R;
+
+/**
+ * Created by [email protected] on 11/20/14.
+ * Description : custom layout to draw bezier
+ */
+public class TUnReadView extends FrameLayout {
+
+    // 默认定点圆半径
+    public static final float DEFAULT_RADIUS = 20;
+    // 手势坐标
+    float x = 300;
+    float y = 300;
+    // 锚点坐标
+    float anchorX = 200;
+    float anchorY = 300;
+    // 起点坐标
+    float startX = 100;
+    float startY = 100;
+    // 定点圆半径
+    float radius = DEFAULT_RADIUS;
+    // 判断动画是否开始
+    boolean isAnimStart;
+    // 判断是否开始拖动
+    boolean isTouch;
+    ImageView exploredImageView;
+    //  ImageView tipImageView;
+    TextView tipTextView;
+    private Paint paint;
+    private Path path;
+    @SuppressLint("HandlerLeak")
+    private Handler mHandler = new Handler() {
+
+        @Override
+        public void handleMessage(Message msg) {
+            switch (msg.what) {
+                case 1:
+                    tipTextView.setText(msg.obj.toString());
+                    break;
+                case 2:
+                    tipTextView.setText("");
+                    tipTextView.setBackgroundResource(R.drawable.skin_tips_new);
+                    break;
+                default:
+                    break;
+            }
+        }
+    };
+
+    public TUnReadView(Context context) {
+        super(context);
+        init();
+    }
+
+    public TUnReadView(Context context, AttributeSet attrs) {
+        super(context, attrs);
+        init();
+    }
+
+    public TUnReadView(Context context, AttributeSet attrs, int defStyleAttr) {
+        super(context, attrs, defStyleAttr);
+        init();
+    }
+
+    private void init() {
+        path = new Path();
+
+        paint = new Paint();
+        paint.setAntiAlias(true);
+        paint.setStyle(Paint.Style.FILL_AND_STROKE);
+        paint.setStrokeWidth(2);
+        paint.setColor(Color.RED);
+
+        LayoutParams params = new LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);
+        exploredImageView = new ImageView(getContext());
+        exploredImageView.setLayoutParams(params);
+        exploredImageView.setImageResource(R.drawable.tip_anim);
+        exploredImageView.setVisibility(View.INVISIBLE);
+
+        tipTextView = new TextView(getContext());
+        tipTextView.setLayoutParams(params);
+        tipTextView.setTextColor(Color.parseColor("#FFFFFF"));
+        tipTextView.setPadding(30, 5, 0, 0);
+//        tipTextView.setGravity(Gravity.CENTER);
+        tipTextView.setBackgroundResource(R.drawable.skin_tips_newmessage_ninetynine);
+     /*   tipImageView = new ImageView(getContext());
+        tipImageView.setLayoutParams(params);
+        tipImageView.setImageResource(R.drawable.skin_tips_newmessage_ninetynine);*/
+        //addView(tipImageView);
+        addView(tipTextView);
+        addView(exploredImageView);
+    }
+
+    @Override
+    protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
+        exploredImageView.setX(startX - exploredImageView.getWidth() / 2);
+        exploredImageView.setY(startY - exploredImageView.getHeight() / 2);
+      /*  tipImageView.setX(startX - tipImageView.getWidth()/2);
+        tipImageView.setY(startY - tipImageView.getHeight()/2);*/
+        tipTextView.setX(startX - tipTextView.getWidth() / 2);
+        tipTextView.setY(startY - tipTextView.getHeight() / 2);
+
+        super.onLayout(changed, left, top, right, bottom);
+    }
+
+    private void calculate() {
+        float distance = (float) Math.sqrt(Math.pow(y - startY, 2) + Math.pow(x - startX, 2));
+        radius = -distance / 15 + DEFAULT_RADIUS;
+
+        if (radius < 9) {
+            isAnimStart = true;
+
+            exploredImageView.setVisibility(View.VISIBLE);
+            exploredImageView.setImageResource(R.drawable.tip_anim);
+            ((AnimationDrawable) exploredImageView.getDrawable()).stop();
+            ((AnimationDrawable) exploredImageView.getDrawable()).start();
+
+            //tipImageView.setVisibility(View.GONE);
+            tipTextView.setVisibility(View.GONE);
+        }
+
+        // 根据角度算出四边形的四个点
+        float offsetX = (float) (radius * Math.sin(Math.atan((y - startY) / (x - startX))));
+        float offsetY = (float) (radius * Math.cos(Math.atan((y - startY) / (x - startX))));
+
+        float x1 = startX - offsetX;
+        float y1 = startY + offsetY;
+
+        float x2 = x - offsetX;
+        float y2 = y + offsetY;
+
+        float x3 = x + offsetX;
+        float y3 = y - offsetY;
+
+        float x4 = startX + offsetX;
+        float y4 = startY - offsetY;
+
+        path.reset();
+        path.moveTo(x1, y1);
+        path.quadTo(anchorX, anchorY, x2, y2);
+        path.lineTo(x3, y3);
+        path.quadTo(anchorX, anchorY, x4, y4);
+        path.lineTo(x1, y1);
+
+        // 更改图标的位置
+       /* tipImageView.setX(x - tipImageView.getWidth()/2);
+        tipImageView.setY(y - tipImageView.getHeight()/2);*/
+
+        tipTextView.setX(x - tipTextView.getWidth() / 2);
+        tipTextView.setY(y - tipTextView.getHeight() / 2);
+
+    }
+
+    @Override
+    protected void onDraw(Canvas canvas) {
+        if (isAnimStart || !isTouch) {
+            canvas.drawColor(Color.TRANSPARENT, PorterDuff.Mode.OVERLAY);
+        } else {
+            calculate();
+            canvas.drawColor(Color.TRANSPARENT, PorterDuff.Mode.OVERLAY);
+            canvas.drawPath(path, paint);
+            canvas.drawCircle(startX, startY, radius, paint);
+            canvas.drawCircle(x, y, radius, paint);
+        }
+        super.onDraw(canvas);
+    }
+
+    @Override
+    public boolean onTouchEvent(MotionEvent event) {
+        if (event.getAction() == MotionEvent.ACTION_DOWN) {
+            // 判断触摸点是否在tipImageView中
+            Rect rect = new Rect();
+            int[] location = new int[2];
+           /* tipImageView.getDrawingRect(rect);
+            tipImageView.getLocationOnScreen(location);*/
+
+            tipTextView.getDrawingRect(rect);
+            tipTextView.getLocationOnScreen(location);
+
+
+            rect.left = location[0];
+            rect.top = location[1];
+            rect.right = rect.right + location[0];
+            rect.bottom = rect.bottom + location[1];
+            if (rect.contains((int) event.getRawX(), (int) event.getRawY())) {
+                isTouch = true;
+            }
+        } else if (event.getAction() == MotionEvent.ACTION_UP || event.getAction() == MotionEvent.ACTION_CANCEL) {
+            isTouch = false;
+         /*   tipImageView.setX(startX - tipImageView.getWidth()/2);
+            tipImageView.setY(startY - tipImageView.getHeight()/2);
+*/
+            tipTextView.setX(startX - tipTextView.getWidth() / 2);
+            tipTextView.setY(startY - tipTextView.getHeight() / 2);
+
+        }
+        invalidate();
+        if (isAnimStart) {
+            return super.onTouchEvent(event);
+        }
+        anchorX = (event.getX() + startX) / 2;
+        anchorY = (event.getY() + startY) / 2;
+        x = event.getX();
+        y = event.getY();
+        return true;
+    }
+
+    /**
+     * 设置信息的数量
+     *
+     * @param text
+     */
+    public void setText(CharSequence text) {
+        Message msg = new Message();
+        msg.obj = text;
+        msg.what = 1;
+        mHandler.sendMessage(msg);
+    }
+
+    /**
+     * 设置有新的信息
+     */
+    public void setNewText() {
+        mHandler.sendEmptyMessage(2);
+    }
+
+
+}

RxUI/src/main/res/drawable/tip_anim.xml

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
+    android:oneshot="true">
+    <item
+        android:drawable="@drawable/idp"
+        android:duration="300" />
+    <item
+        android:drawable="@drawable/idq"
+        android:duration="300" />
+    <item
+        android:drawable="@drawable/idr"
+        android:duration="300" />
+    <item
+        android:drawable="@drawable/ids"
+        android:duration="300" />
+    <item
+        android:drawable="@drawable/idt"
+        android:duration="300" />
+    <item
+        android:drawable="@android:color/transparent"
+        android:duration="300" />
+</animation-list>