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学习：拖拽小例子