mAppWidget - 6. 手绘（自定义）地图的移动和旋转

1. 移动地图

地图的操作实际上操作的是MapWidget控件 ，MapWidget控件继承自View空间。所以移动和旋转地图实际上是对View的操作。

1.1 实现代码

在第5篇的时候我们创建了一个RoadWayMapWidget类，在这个类中我们需要更改两个地方实现地图的匀速移动。
1. 更改MapWidget原有的DecelerateInterpolator（减速动画）为LinearInterpolator（匀速动画）
重写public RoadWayMapWidget(Context context, String rootMapFolder,int initialZoomLevel)方法
定义方法moveTo实现从一点移动到另一点。

public class RoadWayMapWidget extends MapWidget{


    /**小车图片*/
    protected static Bitmap thisCarIcon;
    protected Scroller mapMoveScroller;
    private LinearInterpolator linearInterpolator;

    Handler handler;

    /**
     * 
     * @param context
     *          -context
     * @param rootMapFolder
     *          -地图资源文件名
     * @param initialZoomLevel
     *          -初始化缩放等级
     * @date  2016年4月1日上午9:11:39
     */
    public RoadWayMapWidget(Context context, String rootMapFolder,int initialZoomLevel) {
        super(context, rootMapFolder, initialZoomLevel);    
        // TODO Auto-generated constructor stub

//      thisCarIcon = ((BitmapDrawable)context.getResources().getDrawable(R.drawable.car_arror)).getBitmap();
        thisCarIcon = BitmapFactory.decodeResource(getResources(),  R.drawable.car).copy(Bitmap.Config.ARGB_8888, true); 

        linearInterpolator = new LinearInterpolator();
        mapMoveScroller = new Scroller(context, linearInterpolator);

        handler = new Handler()
        {
            public void handleMessage(Message msg) 
            {   
                if(msg.what == 0x1)
                {
                    invalidate();
                }
            }
        };

        new Timer().schedule(new TimerTask(){

            @Override
            public void run() {
                // TODO Auto-generated method stub
//              debug("TimerTask run");
                handler.sendEmptyMessage(0x1);

            }
        },0,50);
    }   
    /**
     * 移动地图，从一个点到另一个点，匀速移动方式
     * @author    秦晓宇
     * @date      2016年4月1日 上午9:38:13
     * @param x_start
     *              -起始点x坐标
     * @param y_start
     *              -起始点y坐标
     * @param x_end
     *              -x坐标偏移量
     * @param y_end
     *              -y轴偏移量
     * @param scrollerDuration
     *              -移动的时间
     */
    public void moveTo(int x_start,int y_start,int x_end,int y_end,int scrollerDuration){   
        // 更新结束后，使用动画控制偏移过程
        scroller.startScroll(x_start, y_start, x_end, y_end,scrollerDuration);  
        // 重绘控件
        invalidate();   
    }   
}

1.2 主程序使用

public class MainActivity extends Activity {

    private void debug(String str){
        Log.d("MainActivity",str);
    }

    @Override 
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState); 
        requestWindowFeature(Window.FEATURE_NO_TITLE); //设置无标题
        setContentView(R.layout.activity_main); 

        final RoadWayMapWidget map = new RoadWayMapWidget(this, "map",15);
        LinearLayout layout = (LinearLayout) findViewById(R.id.mainLayout);     
        map.getConfig().setZoomBtnsVisible(false);
        layout.addView(map);

        map.moveTo(0,0,500,0,5000);
    }
}

2 旋转地图

2.1 旋转代码

RoadWayMapWidget 类中添加rotationTo方法

    /**
     * 地图旋转某个角度，匀速旋转的方式
     * @author    秦晓宇
     * @date      2016年4月7日 上午8:38:08 
     * @param start_rotation
     *          - 开始旋转的角度
     * @param end_rotation
     *          - 选择的角度
     * @param duration 
     *          - 旋转过程的时间
     */
    public void rotationTo(float start_rotation,float end_rotation,long duration)
    {

        LinearInterpolator ll = new LinearInterpolator();
        ObjectAnimator animator = ObjectAnimator.ofFloat(this, "rotation",start_rotation, end_rotation);
        animator.setInterpolator(ll);
        animator.setDuration(duration);
        animator.start();
    } 

2.2 主程序使用

public class MainActivity extends Activity {

    private void debug(String str){
        Log.d("MainActivity",str);
    }

    @Override 
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState); 
        requestWindowFeature(Window.FEATURE_NO_TITLE); //设置无标题
        setContentView(R.layout.activity_main); 

        final RoadWayMapWidget map = new RoadWayMapWidget(this, "map",15);
        LinearLayout layout = (LinearLayout) findViewById(R.id.mainLayout);     
        map.getConfig().setZoomBtnsVisible(false);
        layout.addView(map);

        map.rotationTo(0f,30f,3000);
    }
}