Pro Android学习笔记（一五十）：拖拽（4）：Android3.0及后的方式（下）

文章转载只能用于非商业性质，且不能带有虚拟货币、积分、注册等附加条件。转载须注明出处http://blog.csdn.net/flowingflying/以及作者@恺风Wei。

代码：Paletter-自定义属性

我们在上面的fragment中放入LinearLayout，里面放入我们自定的圆点MyNewDot，相关的layout文件如下：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout ……  android:orientation="vertical" >   
    <cn.wei.flowingflying.testdraganddrop.MyNewDot android:id="@+id/dot1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:padding="30dp"
        android:tag="Blue Dot"
        dot:color="#ff3333ff"
        dot:radius="20dp"  />
 
    <cn.wei.flowingflying.testdraganddrop.MyNewDot android:id="@+id/dot2"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:padding="10dp"
        android:tag="Red Dot"
        dot:color="#ffff3333"
        dot:radius="30dp"  />
</LinearLayout>

我们注意到在xml文件中有两个自定义的属相dot:color和dot:radius分别定义圆点的颜色和大小。我们在res/values中增加一个attribute.xml文件来对这些自行一属性Dot（不区分大小写）进行描述，定义属性前缀和属性名称，以及属性值的类型，如下。

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

Paletter类代码如下，很简单：

public class Palette extends Fragment{
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { 
        View v = inflater.inflate(R.layout.palette, container, false);
        return v;
    }
}

我们重点看看如何实现自定义的MyNewDot，我们需要在代码对自定义的属性进行读取，如下：

public class MyNewDot extends View implements OnDragListener{
    private String tag = "MyNewDot";     
    private static final int DEFAULT_RADIUS = 20;
    private static final int DEFAULT_COLOR = Color.BLACK;
    private static final int SELECTED_COLOR = Color.MAGENTA;
    private int mRadius = DEFAULT_RADIUS;
    private int mColor = DEFAULT_COLOR; 
    private boolean inDrag = false;

    public MyNewDot(Context context ,AttributeSet attrs){
        super(context,attrs);
        tag = (String)getTag();
       
        //【1】读取自定义的属性：根据R.styleable.Dot来解释属性 
       TypedArray myAttrs =  context.obtainStyledAttributes(attrs, R.styleable.Dot);
        int numAttrs = myAttrs.getIndexCount();
        for(int i = 0 ; i < numAttrs; i ++){
            int attr = myAttrs.getIndex(i); 
            switch(attr){
            case R.styleable.Dot_color: 
                mColor = myAttrs.getColor(attr, DEFAULT_COLOR);
                break;
            case R.styleable.Dot_radius: 
                //注意这里的单位是pixel，和xml中的单位不同
                mRadius = myAttrs.getDimensionPixelSize(attr, DEFAULT_RADIUS);       
                break;
            }
        }
        myAttrs.recycle();
       
        Log.v(tag,"radius:" + mRadius + "px  color:" + mColor);           
         
        // 构造一个Paint
        myNormalPaint = new Paint();
        myNormalPaint.setColor(mColor);
        myNormalPaint.setAntiAlias(true);
        //构造另一个Paint，当检查到被拖拽时，颜色发生变化
        myDraggingPaint = new Paint();
        myDraggingPaint.setColor(SELECTED_COLOR);
        myDraggingPaint.setAntiAlias(true); 
    } 

    @Override //【2】根据xml的参数大小，重新设置圆点的size，如果不重新进行设定，则尽可能占空间，小例子有上下两个圆点，第一个控件将占满parent的空间，第二个控件的高度为0，要计算真实需要的空间
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { 
        int size = 2 * mRadius + getPaddingLeft() + getPaddingRight(); 
        setMeasuredDimension(size, size);
    }  

    @Override //【3】画圆点
    public void draw(Canvas canvas) { 
        //计算圆心 
        float cx = this.getWidth()/2 + getLeftPaddingOffset();
        float cy = this.getHeight()/2 + getTopPaddingOffset(); 
        //设置paint
        Paint paint = inDrag ? myDraggingPaint : myNormalPaint;     
        canvas.drawCircle(cx, cy, mRadius, paint);
        invalidate(); //重画
    }   

}

代码：启动拖拽

当检测到用户长按圆点时，表示要启动拖拽，相关代码如下：

public MyNewDot(Context context ,AttributeSet attrs){
    ......
    //当检测到常按是，启动拖拽
    setOnLongClickListener(new OnLongClickListener() {
        private boolean mDragInProgress;
        @Override
        public boolean onLongClick(View v) {
            // 在ClipData中携带信息，小例子只简单地携带tag信息，可以用来标识view  
            ClipData data = ClipData.newPlainText("DragData", (String)v.getTag()); 
            //startDrag()启动拖拽，方法中第一个参数是ClipData；第二个参数是通过DragShadowBuilder()创建拖拽的暗影，当然也可以设置为其他的形状的view；第三个参数是local-state对象，可放入DragEvent用来传递信息，通过event.getLocalState()获取，本例，我们就将被拖拽view作为对象进行传递；第四个参数flag，设置为0。
            mDragInProgress = v.startDrag(data, new View.DragShadowBuilder(v), (Object) v, 0);
            Log.v((String)v.getTag(), "Starting drag ? " + mDragInProgress);             
            return true;
        }
    });
}

实际上被拖拽的圆点本身一般并不需要进行监听拖拽，我们只是进一步地学习onDrag()的监听触发机制。为此，我们在检测到started的时候，改变圆点的颜色，并在结束时ended，恢复圆点的颜色。相关代码如下：

public class MyNewDot extends View implements OnDragListener{
    public MyNewDot(Context context ,AttributeSet attrs){
        ......       
        setOnDragListener(this); //设置监听器
    }

    ... ...

   @Override /* 我们在检测到started的时候，改变圆点颜色，并在结束时ended，恢复圆点的颜色*/
    public boolean onDrag(View v, DragEvent event) { 
        String dotTag = (String)v.getTag();
       
        // 判断是否拖拽本view，在小例子中，有两个MyNewDot进行拖拽，需要进行判断是否是我们所关心的对象，本例子，已经在localState中设置为被拖拽对象，可用来进行比较，如果不是自己，直接返回false。 注意onDrag()中第一个参数是接收拖拽事件的对象，而非被拖拽的对象，本例就是this自己
        if(event.getLocalState() !=this){
           Log.v(dotTag,"This Drag event is not for use");
            return false;
        }
       
        boolean result = true;       
        float x = event.getX();
        float y = event.getY(); 
        //当检测到start时，改变颜色，当检测到end时，恢复颜色，其他的action给出log，帮助学习onDrag()
        switch(event.getAction()){
        case DragEvent.ACTION_DRAG_STARTED:
            Log.v(dotTag,"Drag started. x=" + x + " y=" + y);
            inDrag = true;
            break;
       
        case DragEvent.ACTION_DRAG_LOCATION: //在圆点区域内，位置移动会触发
            Log.v(dotTag,"Drag processing... x=" + x + " y=" + y);
            break;
           
        case DragEvent.ACTION_DRAG_ENTERED:  //在started后，我们马上看到entered，因为圆点一开始就在自己的位置上，所以一开始就entered
            Log.v(dotTag,"Drag entered at x=" + x + " y=" + y);
            break;
       
        case DragEvent.ACTION_DRAG_EXITED: //圆点拖拽的暗影离开圆点区域
            Log.v(dotTag,"Drag exited at x=" + x + " y=" + y);
            break;
       
        case DragEvent.ACTION_DROP:  //对于圆点在自己的区域内drop，圆点不关心，因为它是被拖拽的对象，不是目标位置对象，无需任何处理，可以返回false，不过下个动作就是ended，返回true也无所谓。
            Log.v(dotTag,"Drag droped at x=" + x + " y=" + y); 
            break;
           
        case DragEvent.ACTION_DRAG_ENDED:
            Log.v(dotTag,"Drag ended. x=" + x + " y=" + y);
            inDrag = false;
            break;
       
        default:
            Log.v(dotTag,"Drag other action :  " + action + " x=" + x + " y=" + y);
            result = false;
            break;
        }    
        
        return result;
    }
   
}

相关小例子代码：Pro Android学习：拖拽小例子

相关链接：我的Android开发相关文章