关于与SurfaceView重叠的控件的点击事件处理

yel_hb 2013-04-07 08:29:42
先描述背景：新手，纯的。
问题：我在SurfaceView上层放了一个linearlayout，SurfaceView作为底层的控件，用于绘图，linearlayout中有几个button,用于选择画笔的颜色，现在完成了3指点击显示或隐藏linearlayout。但是现在发现上面的按钮没法用。我觉得是没有拦截到点击事件，因为我在surfaceview中onTouchEvent（）方法中直接return true了，也就没法传递下去。但是，如果是返回false让事件传递下去的话这个surfaceView中又不能绘图了。想要达到的效果就是在linearlayout显示出来后，点按钮可以选择颜色，而且不影响原来的绘图功能。
....额，不知道有没有表达清楚，望指教。
下面贴代码
布局文件（不知道怎么去实现控件重叠，直接就上framelayout了）：
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"

    xmlns:msurface="http://schemas.android.com/apk/res/com.example.testdraw"

    android:layout_width="fill_parent"

    android:layout_height="fill_parent" >



    <FrameLayout

        android:layout_width="fill_parent"

        android:layout_height="fill_parent" >



        <com.example.testdraw.MySurfaceView

            android:id="@+id/msurfaceview"

            android:layout_width="fill_parent"

            android:layout_height="fill_parent"

            msurface:paintColor="#1C86EE" >

        </com.example.testdraw.MySurfaceView>

    </FrameLayout>



    <LinearLayout

        android:id="@+id/layout_top"

        android:layout_width="fill_parent"

        android:layout_height="50dp"

        android:background="@drawable/pchoose_bac"

        android:visibility="gone" >



        <Button

            android:id="@+id/btnred"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:background="@drawable/pred" />

        <Button

            android:id="@+id/btnyell"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:background="@drawable/pyell" />

        <Button

            android:id="@+id/btngreen"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:background="@drawable/pgreen" />

        <Button

            android:id="@+id/btnblue"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:background="@drawable/pblue" />

    </LinearLayout>



</FrameLayout>



public class MainActivity extends Activity {



	private LinearLayout layoutTop;

	private static boolean isVisible = false;

	private Button btnPaintRed;

	private Button btnPaintBlue;

	private Button btnPaintYellow;

	private Button btnPaintGreen;

	private MySurfaceView ms;

	

	@Override

	protected void onCreate(Bundle savedInstanceState) {

		super.onCreate(savedInstanceState);



		requestWindowFeature(Window.FEATURE_NO_TITLE);

		getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,

				WindowManager.LayoutParams.FLAG_FULLSCREEN);

		

		setContentView(R.layout.activity_main);

		

		btnPaintRed = (Button)findViewById(R.id.btnred);

		btnPaintBlue = (Button)findViewById(R.id.btnred);

		btnPaintYellow = (Button)findViewById(R.id.btnred);

		btnPaintGreen = (Button)findViewById(R.id.btnred);

		

		ms = (MySurfaceView)findViewById(R.id.msurfaceview);

		

		

		btnPaintRed.setOnClickListener(new View.OnClickListener() {



			@Override

			public void onClick(View v) {

				ms.paintColor = Color.parseColor("#FF3366");

			}

		});



		...

	}

	

	@Override

	public boolean onTouchEvent(MotionEvent event) {



		int pCount = event.getPointerCount();

		if (pCount == 3) {

			layoutTop = (LinearLayout) findViewById(R.id.layout_top);

			

			switch (event.getAction() & MotionEvent.ACTION_MASK) {

			case MotionEvent.ACTION_POINTER_UP:

				if (isVisible == true) {

					layoutTop.setVisibility(View.GONE);

					isVisible = false;

				} else {

					layoutTop.setVisibility(View.VISIBLE);

					isVisible = true;

				}

				break;

			}

		}

		return true;

	}

}


public class MySurfaceView extends SurfaceView implements Callback, Runnable {



	public static final int TIME_IN_FRAME = 50;

	public int paintColor;



	Paint mPaint = null;

	Paint mTextPaint = null;

	SurfaceHolder mSurfaceHolder = null;



	boolean mRunning = false;

	Canvas mCanvas = null;

	private Path mPath;

	private float mPosX, mPosY;

	

	public MySurfaceView(Context context, AttributeSet attrs) {

		super(context, attrs);

		this.setFocusable(true);

		this.setFocusableInTouchMode(true);

		mSurfaceHolder = this.getHolder();

		mSurfaceHolder.addCallback(this);	

		mCanvas = new Canvas();

		

		/* 获取参数 */

		TypedArray tay = context.obtainStyledAttributes(attrs, R.styleable.MySurfaceView );

		paintColor = tay.getColor(R.styleable.MySurfaceView_paintColor, 0xFFFFFFFF);



		mPaint = new Paint();

		//mPaint.setColor(Color.BLUE);

		mPaint.setColor(paintColor);

		mPaint.setAntiAlias(true);

		mPaint.setAlpha(60);

		mPaint.setStyle(Paint.Style.STROKE);

		mPaint.setStrokeCap(Paint.Cap.ROUND);

		mPaint.setStrokeWidth(20);

		mPath = new Path();

		mTextPaint = new Paint();

		mTextPaint.setColor(Color.BLACK);

		mTextPaint.setTextSize(15);

		

		tay.recycle();

	}

        //主要是这里不知道怎么处理，如果return false，绘图直接不显示了。

	@Override

	public boolean onTouchEvent(MotionEvent event) {



		mPaint.setColor(paintColor);

		

		int pCount = event.getPointerCount();

		if (pCount == 3) {

			return false;

		} else {

			int action = event.getAction();

			float x = event.getX();

			float y = event.getY();

			switch (action) {

			case MotionEvent.ACTION_DOWN:

				mPath.moveTo(x, y);

				break;

			case MotionEvent.ACTION_MOVE:

				mPath.quadTo(mPosX, mPosY, x, y);

				break;

			case MotionEvent.ACTION_UP:

				// mPath.reset();

				break;

			}

			// 记录当前触摸点得当前得坐标

			mPosX = x;

			mPosY = y;



			return true;

		}

	}



	private void onDraw() {

		mCanvas.drawColor(Color.WHITE);

		// 绘制曲线

		mCanvas.drawPath(mPath, mPaint);

		mCanvas.drawText("当前触笔X：" + mPosX, 0, 20, mTextPaint);

		mCanvas.drawText("当前触笔Y:" + mPosY, 0, 40, mTextPaint);

	}



	public void run() {

		// TODO Auto-generated method stub

		while (mRunning) {

			long startTime = System.currentTimeMillis();

			synchronized (mSurfaceHolder) {

				mCanvas = mSurfaceHolder.lockCanvas();

				onDraw();

				mSurfaceHolder.unlockCanvasAndPost(mCanvas);

			}

			long endTime = System.currentTimeMillis();

			int diffTime = (int) (endTime - startTime);

			while (diffTime <= TIME_IN_FRAME) {

				diffTime = (int) (System.currentTimeMillis() - startTime);

				Thread.yield();

			}

		}

	}



	@Override

	public void surfaceChanged(SurfaceHolder holder, int format, int width,

			int height) {

		// TODO Auto-generated method stub

	}



	@Override

	public void surfaceCreated(SurfaceHolder holder) {

		mRunning = true;

		new Thread(this).start();

	}



	@Override

	public void surfaceDestroyed(SurfaceHolder holder) {

		// TODO Auto-generated method stub

		mRunning = false;

	}



}
...全文
550 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
liao_hb 2015-09-19
  • 打赏
  • 举报
 回复
同问阿,问题解决了嘛?搂住?
yel_hb 2013-04-08
  • 打赏
  • 举报
 回复
引用 2 楼 shen332401890 的回复:
http://blog.csdn.net/shen332401890/article/details/8572732 链接发错了 是这个
谢谢，不过好像还是不行，网上很多谈事件传递的都是一层一层往下传递，没有同层的。就像我上面这个，在第一个framelayout下面有两个layout，同级，surfaceview能拦截到点击事件，但是linearlayout中的button却拦截不到。之前的都设成false也没用。
顾小林 2013-04-07
  • 打赏
  • 举报
 回复
http://blog.csdn.net/shen332401890/article/details/8572732 链接发错了 是这个
顾小林 2013-04-07
  • 打赏
  • 举报
 回复
你可以再 ontouch 的down 消息 return false 然后move 了以后处理你这个 surfaceView的事件 http://blog.csdn.net/shen332401890/article/details/8627165 看一下这个 里面有几篇别人的文章介绍的很详细
android 图文弹幕重叠,Android双重SurfaceView实现弹幕效果
本文实例为大家分享了Android双重SurfaceView实现弹幕效果的具体代码，供大家参考，具体内容如下页面布局首先是XML的layout布局,这里的总的父布局是一个FrameLayout用于贴上两个SurfaceView,一个用来播放视频,一个用来显示弹幕xmlns:app="http://schemas.android.com/apk/res-auto"xmlns:tools="http:...
视频学习之旅（一） SurfaceView控件--------------画面重叠问题
有一个这样的需求，下面有2个tab进行切换，第一个是录像界面（暂定为界面A），第二个是拍照界面（暂定为界面B），我第一个想到的就是用SurfaceView控件来实现，在布局文件里面它的属性很简单的。然后就想着录像界面就显示录像预览画面，拍照界面就显示拍照预览画面，但是当我切换的时候问题就来了。第一次打开应用是进入界面A，当我切换到界面B时，发现界面A的预览画面还显示在界面B上，这样就遮挡了界面B的
Android 两个surfaceview叠加的问题
    最近在做安卓视频通话，用到webrtc，要求跟对方通话的时候右上角小窗口展示本地视频，底层展示远程视频，想到的方法是在Framelayout里面嵌套两个org.webrtc.SurfaceViewRenderer（继承自SurfaceView），把远程SurfaceView放在下面，把本地SurfaceView放在上面，如下： &lt;FrameLayout xmlns:android...
android surface/Image等控件的圆角/圆形并多控件叠加效果实现
CardView实现圆角/圆形 使用CardView，设置cardCornerRadius的值，修改矩形角为圆角。 当CardView为正方形，且cardCornerRadios的值为CardView的宽高的一半时，将显示圆形效果 CardView内部可使用SurfaceView或ImageView皆可，甚至其他控件。 <?xml version="1.0" encoding="utf-8"?> <androidx.constraintlayout.widget.ConstraintL
SurfaceView叠加展示
SurfaceView叠加展示 项目背景 　　最近集成网易云信的视频通讯SDK，碰到了一个问题。 　　画面展示用的是云信封装的SurfaceView，直接在布局中使用。结果绘制画面的时候总是出现覆盖问题。 　　PS:本地画面小窗展示（覆盖在远端界面之上），远端画面全屏展示。绘制远端画面的时候，本地小窗直接被覆盖。 解决方案 　　谷歌了一下“SurfaceV...
Android

80,351

社区成员

91,288

社区内容

发帖
与我相关
我的任务
社区描述
移动平台 Android
androidandroid-studioandroidx 技术论坛（原bbs）
社区管理员
  • Android
  • yechaoa
  • 失落夏天
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章