首页 > 代码库 > 一个可以手势缩放layout、拖拽layout的PowerfulLayout
一个可以手势缩放layout、拖拽layout的PowerfulLayout
弄了一个下午,终于搞出来了,PowerfulLayout
下面是一个功能强大的改造的例子:
可以实现以下需求:
1.两个手指进行缩放布局
2.所有子控件也随着缩放,
3.子控件该有的功能不能丢失(像button有可被点击的功能,缩放后不能丢失该功能)
相对上个例子,多了一个功能---
4.拖拽(平移)layout
运行效果图:http://pan.baidu.com/s/1sleoHXz
布局文件test.xml、超级简单的
<?xml version="1.0" encoding="utf-8"?><com.example.testbitmapscale.PowerfulLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" ><FrameLayout android:background="@drawable/home_tools" android:layout_width="match_parent" android:layout_height="match_parent" > <ImageButton android:id="@+id/imageButton2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/selector_button1" /></FrameLayout></com.example.testbitmapscale.PowerfulLayout>
java代码:
MainActivity也是超级简单
public class MainActivity extends ActionBarActivity { private View view; @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); // setContentView(R.layout.test); view = View.inflate(this, R.layout.test, null); setContentView(view); }// @Override// public boolean onTouchEvent(MotionEvent event) {// if (event.getPointerCount() > 1) {// // 多点触控// // 返回给ScaleGestureDetector来处理// return mScaleGestureDetector.onTouchEvent(event);// } else {// // 单点触控// switch (event.getAction()) {// case MotionEvent.ACTION_DOWN:// downX = (int) event.getX();// downY = (int) event.getY();// newHeight = view.getLayoutParams().height;// newWidth = view.getLayoutParams().width;//// int widthMeasureSpec =//// View.MeasureSpec.makeMeasureSpec(2000,View.MeasureSpec.AT_MOST);//// //// int heightMeasureSpec//// =View.MeasureSpec.makeMeasureSpec(2000,View.MeasureSpec.AT_MOST);//// //// view.measure(widthMeasureSpec,heightMeasureSpec);//// //// newHeight = view.getMeasuredHeight();//// //// newWidth = view.getMeasuredWidth();// break;// case MotionEvent.ACTION_MOVE:// long currentTimeMillis = System.currentTimeMillis();// if (currentTimeMillis - lastMultiTouchTime > 200) {// // 双指触控后要等待200毫秒才能执行单指触控的操作,避免双指触控后出现颤抖的情况// int moveX = (int) event.getX();// 移动手指的时候手指的x// int moveY = (int) event.getY();// 移动手指的时候手指的y// int deltaX = (int) (moveX - downX);// int deltaY = (int) (moveY - downY);// int newLeft = left + deltaX;// view的新left// int newTop = top + deltaY;// view的新top// int newRight = right + deltaX;// view的新right// int newBottom = bottom + deltaY;// view的新bottom//// int newWidth = (int) (preScale * originalWidth);//// int newHeight = (int) (preScale * originalHeight);//// if (deltaX>(newWidth-originalHeight)/2||deltaY>(newHeight-originalHeight)/2) {//// return false;//// }// // int newWidth = view.getWidth();// // int newHeight = view.getHeight();// System.out.println("newWidth:" + newWidth + "newHeight:"// + newHeight);//// System.out.println(preScale);// if (newLeft < originalWidth - newWidth) {// newLeft = originalWidth - newWidth;// newRight = newLeft + newWidth;// }// // if (newTop < originalHeight - newHeight){// // newTop = originalHeight - newHeight;// // newBottom= newTop+newHeight;// // }// // if(newRight>originalWidth){// // newRight=originalWidth;// // newLeft=newRight-newWidth;// // }// // if(newBottom>originalHeight){// // newBottom=originalHeight;// // newTop=newBottom-newHeight;// // }// view.layout(newLeft, newTop, newRight, newBottom);// 重新摆放view的位置// } else {// return false;// }//// break;// case MotionEvent.ACTION_UP:// // 更新位置信息// left = view.getLeft();// top = view.getTop();// right = view.getRight();// bottom = view.getBottom();// break;//// default:// break;// }// return true;// 代表消费了事件// }// }}
PowerfulLayout.java:
public class PowerfulLayout extends FrameLayout { // 屏幕宽高 private int screenHeight; private int screenWidth; private ViewDragHelper mDragHelper; private long lastMultiTouchTime;// 记录双指缩放后的时间 private int originalWidth;// view宽度 private int originalHeight;// view高度 private ScaleGestureDetector mScaleGestureDetector = null; // private View view; private int downX;// 手指按下的x坐标值 private int downY;// 手指按下的y坐标值 private int left;// view的左坐标值 private int top;// view的上坐标值 private int right;// view的右坐标值 private int bottom;// view的下坐标值 private int newHeight; private int newWidth; private float scale; private float preScale = 1;// 默认前一次缩放比例为1 public PowerfulLayout(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); init(context); } public PowerfulLayout(Context context, AttributeSet attrs) { super(context, attrs); init(context); } public PowerfulLayout(Context context) { super(context); init(context); } private void init(Context context) { mDragHelper = ViewDragHelper.create(this, callback); mScaleGestureDetector = new ScaleGestureDetector(context, new ScaleGestureListener()); // view.post(new Runnable() { // // @Override // public void run() { // left = view.getLeft(); // top = view.getTop(); // right = view.getRight(); // bottom = view.getBottom(); // originalWidth = view.getWidth(); // originalHeight = view.getHeight(); // } // }); } @Override protected void onSizeChanged(int w, int h, int oldw, int oldh) { super.onSizeChanged(w, h, oldw, oldh); screenWidth = getMeasuredWidth(); screenHeight = getMeasuredHeight(); } @Override public boolean onInterceptTouchEvent(MotionEvent ev) { super.onInterceptTouchEvent(ev); boolean b = mDragHelper.shouldInterceptTouchEvent(ev);// 由mDragHelper决定是否拦截事件,并传递给onTouchEvent return b; } @Override public boolean onTouchEvent(MotionEvent event) { int pointerCount = event.getPointerCount(); // 获得多少点 if (pointerCount > 1) {// 多点触控,让mScaleGestureDetector处理触摸事件 return mScaleGestureDetector.onTouchEvent(event); } else { long currentTimeMillis = System.currentTimeMillis(); if (currentTimeMillis - lastMultiTouchTime > 200) { // // 双指触控后要等待200毫秒才能执行单指触控的操作,避免双指触控后出现颤抖的情况 try { mDragHelper.processTouchEvent(event); } catch (Exception e) { e.printStackTrace(); } return true; } } return false; } private ViewDragHelper.Callback callback = new ViewDragHelper.Callback() { /** * 用于判断是否捕获当前child的触摸事件 * * @param child * 当前触摸的子view * @param pointerId * @return true就捕获并解析;false不捕获 */ @Override public boolean tryCaptureView(View child, int pointerId) { if (preScale > 1) return true; return false; } /** * 控制水平方向上的位置 */ @Override public int clampViewPositionHorizontal(View child, int left, int dx) { if (left < (screenWidth - screenWidth * preScale) / 2) left = (int) (screenWidth - screenWidth * preScale) / 2;// 限制mainView可向左移动到的位置 if (left > (screenWidth * preScale - screenWidth) / 2) left = (int) (screenWidth * preScale - screenWidth) / 2;// 限制mainView可向右移动到的位置 return left; } public int clampViewPositionVertical(View child, int top, int dy) { if (top < (screenHeight - screenHeight * preScale) / 2) { top = (int) (screenHeight - screenHeight * preScale) / 2;// 限制mainView可向上移动到的位置 } if (top > (screenHeight * preScale - screenHeight) / 2) { top = (int) (screenHeight * preScale - screenHeight) / 2;// 限制mainView可向上移动到的位置 } return top; } }; public class ScaleGestureListener implements ScaleGestureDetector.OnScaleGestureListener { @Override public boolean onScale(ScaleGestureDetector detector) { float previousSpan = detector.getPreviousSpan();// 前一次双指间距 float currentSpan = detector.getCurrentSpan();// 本次双指间距 if (currentSpan < previousSpan) { // 缩小 // scale = preScale-detector.getScaleFactor()/3; scale = preScale - (previousSpan - currentSpan) / 1000; } else { // 放大 // scale = preScale+detector.getScaleFactor()/3; scale = preScale + (currentSpan - previousSpan) / 1000; } // 缩放view if (scale > 0.5) { ViewHelper.setScaleX(PowerfulLayout.this, scale);// x方向上缩放 ViewHelper.setScaleY(PowerfulLayout.this, scale);// y方向上缩放 } return false; } @Override public boolean onScaleBegin(ScaleGestureDetector detector) { // 一定要返回true才会进入onScale()这个函数 return true; } @Override public void onScaleEnd(ScaleGestureDetector detector) { preScale = scale;// 记录本次缩放比例 lastMultiTouchTime = System.currentTimeMillis(); } }}
一个可以手势缩放layout、拖拽layout的PowerfulLayout
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。