我正在尝试制作一个看起来像这样的绘画应用程序:
因此,当用户将手放在表面视图中时,用户将能够在表面视图内绘制线条。
xml:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content" >
<TextView
android:id="@+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Paint"
android:layout_marginTop="10sp"
android:layout_marginLeft="5sp"
android:textAppearance="?android:attr/textAppearanceLarge"
android:layout_weight="3" />
<TextView
android:id="@+id/textV"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_alignParentTop="true"
android:layout_marginTop="20dip"
android:layout_toRightOf="@+id/ivImage"
android:text="User Name"
/>
<ImageView
android:id="@+id/ivImage"
android:layout_width="50dp"
android:layout_height="match_parent"
android:src="@drawable/person"
/>
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal"
android:layout_marginTop="20sp">
<ScrollView
android:id="@+id/scrollView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content" >
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:orientation="vertical" >
<TextView
android:id="@+id/textView2"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Assets Models"
android:gravity="center"/>
<Button
android:id="@+id/button1"
android:layout_width="match_parent"
android:drawableLeft="@drawable/ic_launcher"
android:layout_height="wrap_content"
android:text="Button" />
</LinearLayout>
</ScrollView>
<SurfaceView
android:id="@+id/surfaceView1"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_weight="2" />
<ScrollView
android:id="@+id/scrollView2"
android:layout_width="wrap_content"
android:layout_height="wrap_content" >
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:orientation="vertical"
android:layout_gravity="right" >
<TextView
android:id="@+id/textView3"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:text="Assets Models" />
<Button
android:id="@+id/button2"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:drawableLeft="@drawable/ic_launcher"
android:text="Button" />
</LinearLayout>
</ScrollView>
</LinearLayout>
</LinearLayout>
有谁知道如何用一个动态而不是动态的方式在xml文件中定义的surfaceview或view做到这一点,所以我可以将那些额外的元素(例如按钮,滚动,用户名和图像)放在同一活动中。
我将不胜感激任何帮助。
谢谢
最佳答案
要解决此问题,您可以按照以下步骤操作。
创建一个Java类,并使用SurfaceView对其进行扩展。
使用下面的代码
并将其用作“ yourlayout.xml”中的UI组件
public class mySurfaceView extends SurfaceView {
public static Paint mPaint;
public static Path path;
public static Bitmap mBitmap;
public static Canvas mCanvas;
private ArrayList<PathWithPaint> _graphics1 = new ArrayList<PathWithPaint>();
public mySurfaceView(Context context, AttributeSet attrs) {
super(context, attrs);
path = new Path();
mBitmap = Bitmap.createBitmap(820, 480, Bitmap.Config.ARGB_8888);
mCanvas = new Canvas(mBitmap);
this.setBackgroundColor(Color.BLACK);
mPaint = new Paint();
mPaint.setDither(true);
mPaint.setColor(0xFFFFFF00);
mPaint.setStyle(Paint.Style.STROKE);
mPaint.setStrokeJoin(Paint.Join.ROUND);
mPaint.setStrokeCap(Paint.Cap.ROUND);
mPaint.setStrokeWidth(3);
}
@Override
public boolean onTouchEvent(MotionEvent event) {
PathWithPaint pp = new PathWithPaint();
mCanvas.drawPath(path, mPaint);
if (event.getAction() == MotionEvent.ACTION_DOWN) {
path.moveTo(event.getX(), event.getY());
path.lineTo(event.getX(), event.getY());
} else if (event.getAction() == MotionEvent.ACTION_MOVE) {
path.lineTo(event.getX(), event.getY());
pp.setPath(path);
pp.setmPaint(mPaint);
_graphics1.add(pp);
}
invalidate();
return true;
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
if (_graphics1.size() > 0) {
canvas.drawPath(_graphics1.get(_graphics1.size() - 1).getPath(),
_graphics1.get(_graphics1.size() - 1).getmPaint());
}
}
public class PathWithPaint {
private Path path;
public Path getPath() {
return path;
}
public void setPath(Path path) {
this.path = path;
}
private Paint mPaint;
public Paint getmPaint() {
return mPaint;
}
public void setmPaint(Paint mPaint) {
this.mPaint = mPaint;
}
}
}
现在我将在布局中使用它
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity">
<ayttunc.example.com.drawingstackoverflow.mySurfaceView
android:layout_width="match_parent"
android:layout_height="match_parent" />
</RelativeLayout>
然后,您只运行它,但是我希望您注意到我们没有在MainActivity中编写任何代码,而且在您运行它之后,您将看到类似这样的信息!
http://i.stack.imgur.com/YjGk6.png
如果您需要更多信息,可以通过以下方式给我发送邮件
[email protected]。