آموزش Paint در برنامه نویسی اندروید

امتیاز 5.00 ( 1 رای )

سلام دوستان در این سری از آموزش برنامه نویسی اندروید به آموزش Paint در برنامه نویسی اندروید می پردازیم البته خود برنامه Paint قابلیت های بسیار بالایی دارد ما در این آموزش به بخشی از آن خواهیم پرداخت همانند کشیدن خط (LINE) , دایره (CIRCLE) , مستطیل (RECTANGLE) , بیضی (ELLIPSE) خط مورب (QUADRATICBEZIER) در ادامه با ما همراه باشید.
 
این آموزش نیازمند یک کتاب خانه بسیار سبک است.
ابتدا وارد فایل Build.gradle از نوع Top Level شده سپس در بخش repositories خط زیر را اضافه کنید.

حالا وارد فایل Build.gradle از نوع Module شده سپس در بخش dependencies خط زیر را اضافه کنید.

سپس پروژه را sync کنید.
فرض کنید یک layout به نام activity_draw.xml داریم که کد زیر در آن قرار دارد .

ما در بالا یک CanvasView برای صفحه نقاشی قرار داده ایم بروی view هایی همانند CanvasView می توان هرچیزی را طراحی یا draw کرد.
و همینطور فرض کنید یک فایل جاوا که مربوط به activity_draw است به نام DrawActivity.java داریم.

در بالا ما فقط view مربوط به CanvasView را find کردیم.
در ادامه ما تمامی بخش هایی رو که برای طراحی , پاک کردن , Undo , Redo ,Mode را بررسی خواهیم کرد ما فقط کد را برای شما قرار میدهیم نحوه ارتباط آنها با خودتان البته کاری ندارد توصیه می کنم در رویداد کلیک هرکدام از کدهای زیر را تست کنید.

API

Undo / Redo / Clear (پاک کردن / رفتن به حالت قبلی / رفتن به حالت بعدی)

Mode

هنگامی می خواهید طراحی کنید سه mode وجود دارد.

Mode.DRAW : برای کشیدن.
Mode.TEXT : برای نوشتن.
Mode.ERASER : برای Erase (پاک) کردن.

Drawer

همانطور که در بالاتر گفتیم امکان طراحی اشکال مختلف وجود دارد برای اینکار باید یک Drawer انتخاب شود.

PEN : مداد برای طراحی بروی Canvans انتخاب می شود.
LINE : برای کشیدن خط استفاده می شود.
RECTANGLE : برای کشیدن مربع یا مستطیل استفاده می شود.
CIRCLE : برای کشیدن دایره استفاده می شود.
ELLIPSE : برای کشیدن بیضی استفاده می شود.
QUADRATIC_BEZIER : برای کشیدن خط مورب استفاده می شود همانند عکس زیر

 
برای تغییر رنگ پسزمینه از کد زیر باید استفاده شود.

در بالا رنگ سفید انتخاب شده است می تواند هر رنگی باشد.
برای اینکه مقدار غلظت رنگ را تغییر دهید می توانید از کد زیر استفاده کنید.

و این غلظت رنگ بین 0 تا 255 است.
برای اینکه شئی طراحی شده را به شکل blur مانند در بیارید می توانید از کد زیر استفاده کنید.

Draw Text (طراحی / نوشتن متن)

باید قبل از این کار mode تغییر کند سپس از کد بالا استفاده کنید.

تبدیل Canvas به Bitmap

بعد از انجام کار بالا باید اندازه عکس را همانند زیر تنظیم کنیم.
در بالا 300 * 200 تنظیم شده است.
سپس آن را همانند زیر فشرده کنید.
 
 
این آموزش هم به پایان رسید.
 
موفق و موید باشید.

مطالعه بیشتر