blocks|key|703216|text|在surfaceView布局中使用FrameLayout封装您的xml。然后将您的按钮添加到相同的FrameLayout。确保将它们放置在曲面视图的下方，以便在其上绘制它们。(将它们捆绑到另一个布局中并将其添加到FrameLayout中可能是一个好主意。)|type|unstyled|depth|inlineStyleRanges|entityRanges|data|703217|<FrameLayout
++xmlns:android="http://schemas.android.com/apk/res/android"
++android:layout_width="match_parent"
++android:layout_height="match_parent">
++++<SurfaceView+android:id="@%2Bid/surfaceView1"+android:layout_width="wrap_content"+android:layout_height="wrap_content"></SurfaceView>
++++<LinearLayout+android:id="@%2Bid/linearLayout1"+android:layout_width="wrap_content"+android:layout_height="wrap_content">
++++++++<Button+android:text="Button"+android:id="@%2Bid/button1"+android:layout_width="wrap_content"+android:layout_height="wrap_content"></Button>
++++++++<Button+android:text="Button"+android:id="@%2Bid/button2"+android:layout_width="wrap_content"+android:layout_height="wrap_content"></Button>
++++</LinearLayout>
</FrameLayout>|code-block|syntax|javascript|703218|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Enclose your surfaceView with a FrameLayout in your xml Layout. Then add your buttons to the same FrameLayout. Make sure they are placed below the surface view so they get drawn on top of it. (Might be a good idea to bundle them in another Layout and add that to the FrameLayout.)</p>

<pre><code>&lt;FrameLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="match_parent"&gt;
    &lt;SurfaceView android:id="@+id/surfaceView1" android:layout_width="wrap_content" android:layout_height="wrap_content"&gt;&lt;/SurfaceView&gt;
    &lt;LinearLayout android:id="@+id/linearLayout1" android:layout_width="wrap_content" android:layout_height="wrap_content"&gt;
        &lt;Button android:text="Button" android:id="@+id/button1" android:layout_width="wrap_content" android:layout_height="wrap_content"&gt;&lt;/Button&gt;
        &lt;Button android:text="Button" android:id="@+id/button2" android:layout_width="wrap_content" android:layout_height="wrap_content"&gt;&lt;/Button&gt;
    &lt;/LinearLayout&gt;
&lt;/FrameLayout&gt;
</code></pre>


blocks|key|919592|text|我们可以很容易地使用框架布局来绘制表面视图。像这样|type|unstyled|depth|inlineStyleRanges|entityRanges|data|919593|<LinearLayout+xmlns:android="http://schemas.android.com/apk/res/android"
++++xmlns:tools="http://schemas.android.com/tools"
++++android:layout_width="fill_parent"
++++android:layout_height="fill_parent"
++++android:orientation="vertical">
<FrameLayout
+++++android:id="@%2Bid/frameLayout"
+++++android:layout_width="fill_parent"
+++++android:layout_height="430dp"/>
+++<LinearLayout
++++++++android:layout_width="fill_parent"
++++++++android:layout_height="50dp"
++++++++android:gravity="center_horizontal"
++++++++android:layout_gravity="bottom"
++++++++android:background="#c2300f">

++++++++<Button
++++++++++++android:id="@%2Bid/buttonColor"
++++++++++++android:layout_width="wrap_content"
++++++++++++android:layout_height="wrap_content"
++++++++++++android:text="Color"+/>
++++</LinearLayout>+++++
</LinearLayout>|code-block|syntax|javascript|919594|主要的活动是|919595|package+com.example.surfacetuto;


+import+android.app.Activity;
+import+android.graphics.Paint;
+import+android.graphics.Point;
+import+android.os.Bundle;
+import+android.util.Log;
+import+android.view.MotionEvent;
+import+android.view.View;
+import+android.view.View.OnClickListener;
+import+android.widget.Button;
+import+android.widget.FrameLayout;
+import+android.widget.TextView;
+import+android.widget.Toast;

+public+class+MainActivity+extends+Activity+implements+OnClickListener{
++++DrawingSurface+ds;
++++FrameLayout+frm;
++++Button+btnC;
++++int+color=0xfff00000;
++++@Override
+++public+void+onCreate(Bundle+savedInstanceState)+{
++++super.onCreate(savedInstanceState);
++++ds=new+DrawingSurface(this);
++++setContentView(R.layout.activity_main);


++++frm=(FrameLayout)findViewById(R.id.frameLayout);
++++frm.addView(ds);

++++btnC=(Button)findViewById(R.id.buttonColor);

++++btnC.setOnClickListener(this);
}
@Override
public+void+onClick(View+v)+{
++++//+TODO+Auto-generated+method+stub
++++switch+(v.getId())+{

++++case+R.id.buttonColor:
++++++++Toast.makeText(getApplicationContext(),+"Color",+2).show();
++++++++ds.colorNew();

++++++++break;

++++default:
++++++++break;
++++}
}+++
++++}|919596|而Drawing+Surface类是|919597|package+com.example.surfacetuto;

+import+android.app.Activity;
+import+android.content.Context;
+import+android.graphics.Bitmap;
+import+android.graphics.BitmapFactory;
+import+android.graphics.Canvas;
+import+android.graphics.Color;
+import+android.graphics.Matrix;
+import+android.graphics.Paint;
+import+android.graphics.Paint.Cap;
+import+android.graphics.Rect;
+import+android.util.AttributeSet;
+import+android.util.DisplayMetrics;
+import+android.util.Log;
+import+android.view.MotionEvent;
+import+android.view.SurfaceHolder;
+import+android.view.SurfaceView;
+import+android.view.View;
+import+android.view.Window;
+import+android.view.WindowManager;
+import+android.widget.Toast;

+++public+class+DrawingSurface+extends+SurfaceView+implements+SurfaceHolder.Callback+{

++++++Canvas+cacheCanvas;
++++++Bitmap+backBuffer;
++++++int+width,+height,+clientHeight;
++++++Paint+paint;
++++++Context+context;
++++++SurfaceHolder+mHolder;


public+DrawingSurface(Context+context)+{
++++super(context);
++++this.context+=+context;
++++init();
}
public+DrawingSurface(Context+context,+AttributeSet+attrs)+{
++++super(context,+attrs);
++++this.context+=+context;++++++
++++init();
}

private+void+init()+{
++++mHolder+=+getHolder();
++++mHolder.addCallback(this);

}

int+lastX,+lastY,+currX,+currY;
boolean+isDeleting;
@Override
public+boolean+onTouchEvent(MotionEvent+event)+{
++++super.onTouchEvent(event);
++++int+action+=+event.getAction();
++++switch(action+&+MotionEvent.ACTION_MASK)+{
++++case+MotionEvent.ACTION_DOWN:
++++++++lastX+=+(int)+event.getX();
++++++++lastY+=+(int)+event.getY();
++++++++break;
++++case+MotionEvent.ACTION_MOVE:
++++++++if(isDeleting)+break;

++++++++currX+=+(int)+event.getX();
++++++++currY+=+(int)+event.getY();
++++++++cacheCanvas.drawLine(lastX,+lastY,+currX,+currY,+paint);
++++++++lastX+=+currX;
++++++++lastY+=+currY;

++++++++break;
++++case+MotionEvent.ACTION_UP:
++++++++if(isDeleting)+isDeleting+=+false;
++++++++break;
++++case+MotionEvent.ACTION_POINTER_DOWN:
++++++++cacheCanvas.drawColor(Color.WHITE);
++++++++isDeleting+=+true;
++++++++break;
++++case+MotionEvent.ACTION_POINTER_UP:
++++++++break;
++++}
++++draw();+
++++return+true;
}

protected+void+draw()+{

++++if(clientHeight==0)+{
++++++++clientHeight+=+getClientHeight();
++++++++height+=+clientHeight;
++++++++backBuffer+=+Bitmap.createBitmap(+width,+height,+Bitmap.Config.ARGB_8888);
++++++++cacheCanvas.setBitmap(backBuffer);
++++++++cacheCanvas.drawColor(Color.WHITE);
++++}
++++Canvas+canvas+=+null;
++++try{
++++++++canvas+=+mHolder.lockCanvas(null);

++++++++canvas.drawBitmap(backBuffer,+0,0,+paint);
++++}catch(Exception+ex){
++++++++ex.printStackTrace();
++++}finally{
++++++++if(mHolder!=null)++mHolder.unlockCanvasAndPost(canvas);
++++}
}

private+int+getClientHeight()+{
++++Rect+rect=+new+Rect();++++
++++Window+window+=+((Activity)context).getWindow();+++++
++++window.getDecorView().getWindowVisibleDisplayFrame(rect);+++++
++++int+statusBarHeight=+rect.top;++++
++++int+contentViewTop=+window.findViewById(Window.ID_ANDROID_CONTENT).getTop();+++++
++++int+titleBarHeight=+contentViewTop+-+statusBarHeight;
++++return+((Activity)context).getWindowManager().getDefaultDisplay().
++++++++++++getHeight()+-+statusBarHeight+-+titleBarHeight;
}
public+void+surfaceChanged(SurfaceHolder+holder,+int+format,+int+width,
++++++++int+height)+{
}

public+void+surfaceCreated(SurfaceHolder+holder)+{

++++width+=+getWidth();
++++height+=+getHeight();
++++cacheCanvas+=+new+Canvas();
++++backBuffer+=+Bitmap.createBitmap(+width,+height,+Bitmap.Config.ARGB_8888);+
++++cacheCanvas.setBitmap(backBuffer);
++++cacheCanvas.drawColor(Color.WHITE);
++++paint+=+new+Paint();
++++paint.setColor(Color.BLUE);
++++paint.setStrokeWidth(10);
++++paint.setStrokeCap(Paint.Cap.ROUND);
++++paint.setStrokeJoin(Paint.Join.ROUND);
++++draw();

}

public+void+surfaceDestroyed(SurfaceHolder+holder)+{
+++++boolean+retry+=+true;
++++++++thread.setRunning(false);
++++++++while+(retry)+{
++++++++++++try+{
++++++++++++++++thread.join();
++++++++++++++++retry+=+false;
++++++++++++}+catch+(InterruptedException+e)+{
++++++++++++++++//+we+will+try+it+again+and+again...
++++++++++++}
++++++++}
}

public+void+colorNew()+{
++++//+TODO+Auto-generated+method+stub
++++paint.setColor(Color.GRAY);
}


+++}|919598|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|S|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|U|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

<p>We can use frame layout for surface view drawing very easily .
like this </p>

<pre><code>&lt;LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical"&gt;
&lt;FrameLayout
     android:id="@+id/frameLayout"
     android:layout_width="fill_parent"
     android:layout_height="430dp"/&gt;
   &lt;LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="50dp"
        android:gravity="center_horizontal"
        android:layout_gravity="bottom"
        android:background="#c2300f"&gt;

        &lt;Button
            android:id="@+id/buttonColor"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Color" /&gt;
    &lt;/LinearLayout&gt;     
&lt;/LinearLayout&gt;
</code></pre>

<p>And Main activity is</p>

<pre><code>package com.example.surfacetuto;


 import android.app.Activity;
 import android.graphics.Paint;
 import android.graphics.Point;
 import android.os.Bundle;
 import android.util.Log;
 import android.view.MotionEvent;
 import android.view.View;
 import android.view.View.OnClickListener;
 import android.widget.Button;
 import android.widget.FrameLayout;
 import android.widget.TextView;
 import android.widget.Toast;

 public class MainActivity extends Activity implements OnClickListener{
    DrawingSurface ds;
    FrameLayout frm;
    Button btnC;
    int color=0xfff00000;
    @Override
   public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    ds=new DrawingSurface(this);
    setContentView(R.layout.activity_main);


    frm=(FrameLayout)findViewById(R.id.frameLayout);
    frm.addView(ds);

    btnC=(Button)findViewById(R.id.buttonColor);

    btnC.setOnClickListener(this);
}
@Override
public void onClick(View v) {
    // TODO Auto-generated method stub
    switch (v.getId()) {

    case R.id.buttonColor:
        Toast.makeText(getApplicationContext(), "Color", 2).show();
        ds.colorNew();

        break;

    default:
        break;
    }
}   
    }
</code></pre>

<p>And Drawing Surface class is</p>

<pre><code>package com.example.surfacetuto;

 import android.app.Activity;
 import android.content.Context;
 import android.graphics.Bitmap;
 import android.graphics.BitmapFactory;
 import android.graphics.Canvas;
 import android.graphics.Color;
 import android.graphics.Matrix;
 import android.graphics.Paint;
 import android.graphics.Paint.Cap;
 import android.graphics.Rect;
 import android.util.AttributeSet;
 import android.util.DisplayMetrics;
 import android.util.Log;
 import android.view.MotionEvent;
 import android.view.SurfaceHolder;
 import android.view.SurfaceView;
 import android.view.View;
 import android.view.Window;
 import android.view.WindowManager;
 import android.widget.Toast;

   public class DrawingSurface extends SurfaceView implements SurfaceHolder.Callback {

      Canvas cacheCanvas;
      Bitmap backBuffer;
      int width, height, clientHeight;
      Paint paint;
      Context context;
      SurfaceHolder mHolder;


public DrawingSurface(Context context) {
    super(context);
    this.context = context;
    init();
}
public DrawingSurface(Context context, AttributeSet attrs) {
    super(context, attrs);
    this.context = context;      
    init();
}

private void init() {
    mHolder = getHolder();
    mHolder.addCallback(this);

}

int lastX, lastY, currX, currY;
boolean isDeleting;
@Override
public boolean onTouchEvent(MotionEvent event) {
    super.onTouchEvent(event);
    int action = event.getAction();
    switch(action &amp; MotionEvent.ACTION_MASK) {
    case MotionEvent.ACTION_DOWN:
        lastX = (int) event.getX();
        lastY = (int) event.getY();
        break;
    case MotionEvent.ACTION_MOVE:
        if(isDeleting) break;

        currX = (int) event.getX();
        currY = (int) event.getY();
        cacheCanvas.drawLine(lastX, lastY, currX, currY, paint);
        lastX = currX;
        lastY = currY;

        break;
    case MotionEvent.ACTION_UP:
        if(isDeleting) isDeleting = false;
        break;
    case MotionEvent.ACTION_POINTER_DOWN:
        cacheCanvas.drawColor(Color.WHITE);
        isDeleting = true;
        break;
    case MotionEvent.ACTION_POINTER_UP:
        break;
    }
    draw(); 
    return true;
}

protected void draw() {

    if(clientHeight==0) {
        clientHeight = getClientHeight();
        height = clientHeight;
        backBuffer = Bitmap.createBitmap( width, height, Bitmap.Config.ARGB_8888);
        cacheCanvas.setBitmap(backBuffer);
        cacheCanvas.drawColor(Color.WHITE);
    }
    Canvas canvas = null;
    try{
        canvas = mHolder.lockCanvas(null);

        canvas.drawBitmap(backBuffer, 0,0, paint);
    }catch(Exception ex){
        ex.printStackTrace();
    }finally{
        if(mHolder!=null)  mHolder.unlockCanvasAndPost(canvas);
    }
}

private int getClientHeight() {
    Rect rect= new Rect();    
    Window window = ((Activity)context).getWindow();     
    window.getDecorView().getWindowVisibleDisplayFrame(rect);     
    int statusBarHeight= rect.top;    
    int contentViewTop= window.findViewById(Window.ID_ANDROID_CONTENT).getTop();     
    int titleBarHeight= contentViewTop - statusBarHeight;
    return ((Activity)context).getWindowManager().getDefaultDisplay().
            getHeight() - statusBarHeight - titleBarHeight;
}
public void surfaceChanged(SurfaceHolder holder, int format, int width,
        int height) {
}

public void surfaceCreated(SurfaceHolder holder) {

    width = getWidth();
    height = getHeight();
    cacheCanvas = new Canvas();
    backBuffer = Bitmap.createBitmap( width, height, Bitmap.Config.ARGB_8888); 
    cacheCanvas.setBitmap(backBuffer);
    cacheCanvas.drawColor(Color.WHITE);
    paint = new Paint();
    paint.setColor(Color.BLUE);
    paint.setStrokeWidth(10);
    paint.setStrokeCap(Paint.Cap.ROUND);
    paint.setStrokeJoin(Paint.Join.ROUND);
    draw();

}

public void surfaceDestroyed(SurfaceHolder holder) {
     boolean retry = true;
        thread.setRunning(false);
        while (retry) {
            try {
                thread.join();
                retry = false;
            } catch (InterruptedException e) {
                // we will try it again and again...
            }
        }
}

public void colorNew() {
    // TODO Auto-generated method stub
    paint.setColor(Color.GRAY);
}


   }
</code></pre>


blocks|key|919669|text|制作自己的按钮：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|919670|import+android.graphics.Bitmap;
import+android.graphics.Canvas;
import+android.graphics.Matrix;
import+android.graphics.RectF;

++++public+class+GButton
++++{
++++++++public+Matrix+btn_matrix+=+new+Matrix();

++++++++public+RectF+btn_rect;

++++++++float+width;
++++++++float+height;+++
++++++++Bitmap+bg;

++++++++public+GButton(float+width,+float+height,+Bitmap+bg)
++++++++{
++++++++++++this.width+=+width;
++++++++++++this.height+=+height;
++++++++++++this.bg+=+bg;

++++++++++++btn_rect+=+new+RectF(0,+0,+width,+height);
++++++++}

++++++++public+void+setPosition(float+x,+float+y)
++++++++{
++++++++++++btn_matrix.setTranslate(x,+y);
++++++++++++btn_matrix.mapRect(btn_rect);
++++++++}

++++++++public+void+draw(Canvas+canvas)
++++++++{
++++++++++++canvas.drawBitmap(bg,+btn_matrix,+null);
++++++++}
++++}|code-block|syntax|javascript|919671|在触摸事件上：|919672|float+x+=+ev.getX();
float+y+=+ev.getY();
if+(my_button.btn_rect.contains(x,+y))
{
++++//+handle+on+touch+here
}|919673|或者，更好的是，如果您还想旋转按钮，它将不是轴对齐的，那么使用反转矩阵，而不是mapRect映射接触点x，y：|919674|float+pts[]+=+{x,+y};++++++++++++
my_button.invert_matrix.mapPoints(pts);+++++++++++
if+(my_button.btn_rect.contains(pts[0],+pts[1])
{
++++//+handle+on+touch+here
}|919675|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|S|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|U|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

<p>Make your own button:</p>

<pre><code>import android.graphics.Bitmap;
import android.graphics.Canvas;
import android.graphics.Matrix;
import android.graphics.RectF;

    public class GButton
    {
        public Matrix btn_matrix = new Matrix();

        public RectF btn_rect;

        float width;
        float height;   
        Bitmap bg;

        public GButton(float width, float height, Bitmap bg)
        {
            this.width = width;
            this.height = height;
            this.bg = bg;

            btn_rect = new RectF(0, 0, width, height);
        }

        public void setPosition(float x, float y)
        {
            btn_matrix.setTranslate(x, y);
            btn_matrix.mapRect(btn_rect);
        }

        public void draw(Canvas canvas)
        {
            canvas.drawBitmap(bg, btn_matrix, null);
        }
    }
</code></pre>

<p>on touch event:</p>

<pre><code>float x = ev.getX();
float y = ev.getY();
if (my_button.btn_rect.contains(x, y))
{
    // handle on touch here
}
</code></pre>

<p>alternatively, even better, if you want to also rotate the button it will not be axis-aligned, then use the invert matrix, instead of mapRect map the touch points x,y:</p>

<pre><code>float pts[] = {x, y};            
my_button.invert_matrix.mapPoints(pts);           
if (my_button.btn_rect.contains(pts[0], pts[1])
{
    // handle on touch here
}
</code></pre>


<p>I'm drawing some graphics and i would like to add a couple of buttons to it. But with the surface view how do we add these buttons programatically ?</p>


Android:How to add a button in surface view

我正在绘制一些图形，我想在上面添加几个按钮。但是使用表面视图，我们如何以编程方式添加这些按钮呢？

问Android:如何在表面视图中添加按钮
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Android:如何在表面视图中添加按钮EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Android:如何在表面视图中添加按钮
EN