Kode untuk membuat tandatangan atau tulisan dengan
Anonymous
246 x views • 6 years ago
<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-TBd8kr_XEvw/XcI1b2k-nrI/AAAAAAAAAA8/FZnNaLX4mpYPQFzk-vqbccllhI220s8TQCNcBGAsYHQ/s1600/IMG_20191106_095141.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1137" data-original-width="720" height="320" src="https://1.bp.blogspot.com/-TBd8kr_XEvw/XcI1b2k-nrI/AAAAAAAAAA8/FZnNaLX4mpYPQFzk-vqbccllhI220s8TQCNcBGAsYHQ/s320/IMG_20191106_095141.png" width="202" /></a></div>
<br />
<br />
<ol style="text-align: left;">
<li>Buat Linear V (untuk dasar)</li>
<li>Buat Linear lagi dengan tinggi 500dp (untuk canvas)</li>
<li>Linear H dengan padding all 0dp dan diisi dengan 2 button untuk tombol share & clear</li>
</ol>
<div>
<br /></div>
<div>
<br /></div>
<ul style="text-align: left;">
<li>Lanjut masuk ke Event dan didalam Oncreat</li>
</ul>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-MTiNnTGrDso/XcI79LTWeYI/AAAAAAAAABU/6DqXrit5XJEVSUVwobRlQZBnWgmKa4PGwCNcBGAsYHQ/s1600/IMG_20191106_101837.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="314" data-original-width="720" height="139" src="https://1.bp.blogspot.com/-MTiNnTGrDso/XcI79LTWeYI/AAAAAAAAABU/6DqXrit5XJEVSUVwobRlQZBnWgmKa4PGwCNcBGAsYHQ/s320/IMG_20191106_101837.png" width="320" /></a></div>
<div>
<br /></div>
<div>
<br /></div>
<br />
<ul style="text-align: left;">
<li>Masukan kode berikut didalam Java / add source directly</li>
</ul>
<br />
<div>
dengan catatan ID Linear 2 nya harus sama dengan yang dikode "linear2"<br />
<div>
<br /></div>
<div>
<div>
<span style="color: red;">dv = new DrawingView(this);linear2.addView(dv); mPaint = new Paint(); mPaint.setAntiAlias(true); mPaint.setDither(true); mPaint.setColor(Color.BLACK); mPaint.setStyle(Paint.Style.STROKE); mPaint.setStrokeJoin(Paint.Join.ROUND); mPaint.setStrokeCap(Paint.Cap.ROUND); mPaint.setStrokeWidth(12); }</span></div>
<div>
<span style="color: red;"><br /></span></div>
<div>
<span style="color: red;">DrawingView dv; private Paint mPaint;</span></div>
<div>
<span style="color: red;">private Canvas mCanvas;</span></div>
<div>
<span style="color: red;"><br /></span></div>
<div>
<span style="color: red;">public class DrawingView extends View { public int width;</span></div>
<div>
<span style="color: red;">public int height;</span></div>
<div>
<span style="color: red;">private Bitmap mBitmap;</span></div>
<div>
<span style="color: red;">private Path mPath;</span></div>
<div>
<span style="color: red;">private Paint mBitmapPaint;</span></div>
<div>
<span style="color: red;">Context context; private Paint circlePaint; private Path circlePath;</span></div>
<div>
<span style="color: red;"><br /></span></div>
<div>
<span style="color: red;">public DrawingView(Context c) { super(c); context=c; mPath = new Path(); mBitmapPaint = new Paint(Paint.DITHER_FLAG); circlePaint = new Paint(); circlePath = new Path(); circlePaint.setAntiAlias(true); circlePaint.setColor(Color.BLUE); circlePaint.setStyle(Paint.Style.STROKE); circlePaint.setStrokeJoin(Paint.Join.MITER); circlePaint.setStrokeWidth(4f); }</span></div>
<div>
<span style="color: red;"><br /></span></div>
<div>
<span style="color: red;">@Override protected void onSizeChanged(int w, int h, int oldw, int oldh) { super.onSizeChanged(w, h, oldw, oldh); mBitmap = Bitmap.createBitmap(w, h, Bitmap.Config.ARGB_8888); mCanvas = new Canvas(mBitmap); }</span></div>
<div>
<span style="color: red;"><br /></span></div>
<div>
<span style="color: red;">@Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); canvas.drawBitmap( mBitmap, 0, 0, mBitmapPaint);</span></div>
<div>
<span style="color: red;">canvas.drawPath( mPath, mPaint); canvas.drawPath( circlePath, circlePaint);</span></div>
<div>
<span style="color: red;">invalidate(); }</span></div>
<div>
<span style="color: red;"><br /></span></div>
<div>
<span style="color: red;">private float mX, mY;</span></div>
<div>
<span style="color: red;">private static final float TOUCH_TOLERANCE = 4;</span></div>
<div>
<span style="color: red;">private void touch_start(float x, float y) { mPath.reset(); mPath.moveTo(x, y); mX = x; mY = y; }</span></div>
<div>
<span style="color: red;"><br /></span></div>
<div>
<span style="color: red;">private void touch_move(float x, float y) { float dx = Math.abs(x - mX); float dy = Math.abs(y - mY); if (dx >= TOUCH_TOLERANCE || dy >= TOUCH_TOLERANCE) { mPath.quadTo(mX, mY, (x + mX)/2, (y + mY)/2); mX = x; mY = y; circlePath.reset(); circlePath.addCircle(mX, mY, 30, Path.Direction.CW); } }</span></div>
<div>
<span style="color: red;">private void touch_up() { mPath.lineTo(mX, mY); circlePath.reset();</span></div>
<div>
<span style="color: red;">mCanvas.drawPath(mPath, mPaint);</span></div>
<div>
<span style="color: red;">mPath.reset(); }</span></div>
<div>
<span style="color: red;"><br /></span></div>
<div>
<span style="color: red;">@Override public boolean onTouchEvent(MotionEvent event) {</span></div>
<div>
<span style="color: red;">float x = event.getX(); float y = event.getY();</span></div>
<div>
<span style="color: red;">switch (event.getAction()) {</span></div>
<div>
<span style="color: red;">case MotionEvent.ACTION_DOWN: touch_start(x, y); invalidate(); break;</span></div>
<div>
<span style="color: red;">case MotionEvent.ACTION_MOVE: touch_move(x, y); invalidate(); break;</span></div>
<div>
<span style="color: red;">case MotionEvent.ACTION_UP: touch_up(); invalidate(); break; } return true; }</span></div>
<br /></div>
<div>
<br />
<ul style="text-align: left;">
<li>kemudian masukkan kode kedua didalam java / add source directly</li>
</ul>
</div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<div>
<span style="color: red;">}</span></div>
<div>
<span style="color: red;">private void storeImage(Bitmap image) { java.io.File pictureFile = new java.io.File(getExternalCacheDir() + "/image.jpg");</span></div>
<div>
<span style="color: red;">if (pictureFile == null) { Log.d("MainActivity", "Error creating media file, check storage permissions: ");</span></div>
<div>
<span style="color: red;">return; } try {</span></div>
<div>
<span style="color: red;">java.io.FileOutputStream fos = new java.io.FileOutputStream(pictureFile); image.compress(Bitmap.CompressFormat.PNG, 90, fos);</span></div>
<div>
<span style="color: red;">fos.close(); } catch (java.io.FileNotFoundException e) { Log.d("MainActivity", "File not found: " + e.getMessage()); } catch (java.io.IOException e) { Log.d("MainActivity", "Error accessing file: " + e.getMessage());</span></div>
<div>
<span style="color: red;">}</span></div>
<div>
<span style="color: red;"><br /></span></div>
<div>
<span style="color: red;">Intent iten = new Intent(android.content.Intent.ACTION_SEND);</span></div>
<div>
<span style="color: red;">iten.setType("*/*");</span></div>
<div>
<span style="color: red;">iten.putExtra(Intent.EXTRA_STREAM, Uri.fromFile(new java.io.File(getExternalCacheDir() + "/image.jpg")));</span></div>
<div>
<span style="color: red;">startActivity(Intent.createChooser(iten, "Send image"));</span></div>
<div>
<span style="color: red;">}</span></div>
<div>
<span style="color: red;"><br /></span></div>
<div>
<span style="color: red;">private Bitmap getBitmapFromView(View view) { Bitmap returnedBitmap = Bitmap.createBitmap(view.getWidth(), view.getHeight(),Bitmap.Config.ARGB_8888);</span></div>
<div>
<span style="color: red;">Canvas canvas = new Canvas(returnedBitmap);</span></div>
<div>
<span style="color: red;">android.graphics.drawable.Drawable bgDrawable =view.getBackground();</span></div>
<div>
<span style="color: red;">if (bgDrawable!=null) { bgDrawable.draw(canvas); } else{ canvas.drawColor(Color.WHITE); }</span></div>
<div>
<span style="color: red;">view.draw(canvas);</span></div>
<div>
<span style="color: red;">return returnedBitmap;</span></div>
</div>
<div>
<br /></div>
</div>
<div>
<br /></div>
<div>
<ul style="text-align: left;">
<li>kemudian masuk ke button1 dan masukkan kode berikut untuk berbagi atau menyimpan gambar.</li>
</ul>
</div>
<div>
<br /></div>
<div>
<span style="color: red;">storeImage(getBitmapFromView(linear2));</span></div>
<div>
<span style="color: red;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-y2bi6gFPo90/XcI9D1DLbnI/AAAAAAAAABg/pDT-eVk8qxAK3HOEkM_lZsbFrL2cNr-HQCNcBGAsYHQ/s1600/IMG_20191106_101915.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="222" data-original-width="402" height="176" src="https://1.bp.blogspot.com/-y2bi6gFPo90/XcI9D1DLbnI/AAAAAAAAABg/pDT-eVk8qxAK3HOEkM_lZsbFrL2cNr-HQCNcBGAsYHQ/s320/IMG_20191106_101915.png" width="320" /></a></div>
<div>
<span style="color: red;"><br /></span></div>
<div>
<ul style="text-align: left;">
<li>Lanjut masuk ke button2 dan masukkan kode berikut untuk menghapus hasil tulisan dicanvas</li>
</ul>
<div>
<br /></div>
</div>
<div>
<span style="color: red;">mCanvas.drawColor(Color.TRANSPARENT, PorterDuff.Mode.CLEAR);</span></div>
<div>
<span style="color: red;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-okuDmGODrn0/XcI9vDeAX1I/AAAAAAAAABo/C7uFk9CnQ5QC-lr8DUgRg3VDNrHL_O-nACNcBGAsYHQ/s1600/IMG_20191106_101937.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="231" data-original-width="569" height="129" src="https://1.bp.blogspot.com/-okuDmGODrn0/XcI9vDeAX1I/AAAAAAAAABo/C7uFk9CnQ5QC-lr8DUgRg3VDNrHL_O-nACNcBGAsYHQ/s320/IMG_20191106_101937.png" width="320" /></a></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
Selesai dan Run .</div>
<div>
<br /></div>
</div>
