ترسیم فایل های 9. png + آموزش ویدیویی

[M_Javad_Nazari]

فایل های ناین پی ان جی، example.9.png ، فایل های گرافیکی هستند که به همراه نرم افزار کامپایل و یا دی کامپایل میشوند، مهمترین نکته برای کار کردن با این گونه فایل ها اینه که حتما باید دیکامپایل بشن بعد ویرایش.

اصولا فایل های 9.png برای محیط های multi dpi و همچنین فایل های گرافیکی که مقدار فضای کاربردی آنها اصلا مشخص نیست کاربرد دارد.
برای مثال یک دکمه را در نظر بگیرید که نوشته های متفاوتی بر روی آن قرار خواهد گرفت، بدیهی است که نمیتوان یک فایل گرافیکی را با یک سایز واحد برای همه ی متغییر ها در نظر گرفت. چون ممکن است طول نوشته ها با هم تفاوت داشته باشد، و فایل گرافیکی باید خود را با نوشته تنظیم کند.


برای مثال نمونه ی فایل 9.png قبل و بعد از دیکامپایل رو میبینیم:




قبل از دیکامپایل :
[فقط کاربران ثبت نام شده قادر به مشاهده لینکها هستند . ]
--------------------------------------------

بعد از دیکامپایل :


[فقط کاربران ثبت نام شده قادر به مشاهده لینکها هستند . ]

-------------------------------------

میبینید که بعد از دیکامپایل ، خطهایی به کنار فایل اضافه شده اند.


که خط سمت راست نشان دهنده ی فضایی است که اشیا درون این فایل بصورت عمودی قرار میگیرند.
خط پایین، نشان دهنده ی فضای افقی قرار گیری اشیا هستند.

خط بالا، نشان دهنده ی قسمتی از فایل هست که بصورت مداوم تکرار خواهد شد.
خط سمت چپ هم ، نشان دهنده ی کشیده شدن قسمت انتخاب شده ی فایل گرافیکی هست.


---------------------------------------
چگونه فایل های .9.png را رسم کنیم؟

به این منظور باید از نرم افزار draw9patch استفاده کنیم، این نرم افزار به همراه SDK اندروید موجود میباشد، برای راحتی کار دوستان اونو آپلود کردم.



[فقط کاربران ثبت نام شده قادر به مشاهده لینکها هستند . ]

[M_Javad_Nazari]

این مطالب بیشتر برگرفته از مطلب زیر میباشد:

http://developer.android.com/guide/developing/tools/draw9patch.html

برای ایجاد فایل ناین پی ان جی حتما میبایست از یک فایل png استفاده کنید.


1- برنامه ی draw9patch را باز کنید
2-فایل png خود را به درون نرم افزار بکشید، یا از طریق File -> open باز کنید.

در فایل باز شده شما قادر به کشیدن چهار خط یک پیکسلی در اطراف فایل هستید.

سمت چپ، فضایی است که فایل گرافیک شما در صورت نیاز به ابعاد بزرگتر کشیده میشود. قسمتی را که انتخاب میکنید، اندروید آن قسمت را بطور مداوم تکرار میکند. این خط همیشه باید کوچکتر از خط سمت راست باشد.( در مثال ها بیشتر توضیح داده خواهد شد)

سمت راست، فضای دیده شدن اشیا هست.
قسمتی را که انتخاب میکنید، در صورتی که نوشته ای بزرگتر از این فضا باشد، گرافیک شما کشیده خواهد شد و برای افزایش پیکسل ، فضایی را که در سمت چپ انتخاب کرده اید، کشیده خواهد شد. (در مثال ها متوجه خواهید شد.)

قسمت بالایی، همان کاری را انجام میدهد که تعیین فضای سمت راست انجام میدهد، ولی برای قسمت افقی فایل گرافیک.

قسمت پایینی، مشابه همان کار سمت چپ را ولی برای قسمت افقی انجام میدهد.

بطور کلی:
قسمت های سمت راست و پایین، فضای اشیای درون گرافیک را مشخص و قسمت های سمت چپ و بالا فضایی که برای بزرگتر شدن فایل باید تکرار شود را معرفی میکنند. بدیهی است که همواره قسمت هایی که نشان دهنده ی کشیده شدن فایل گرافیکی هستند، باید کوچکتر از خط های معرفی فضا باشند.

3- برای رسم خطوط کافیست که بر روی حاشیه های قابل ترسیم رفته و خط ها را رسم کنید.
برای پاک کردن خطوط میتوانید از دکمه ی Shift به هنگام ترسیم استفاده کنید.

4- وقتی فایل خود را رسم نمودید، آنرا ذخیره کنید ( با پسوند example.9.png)

مهم: فایل های png بدون پیکسل های کناری و فایل های 9.png با پیکسل های کناری توسط نرم افزار اجرا میشوند.

مهم :باز کردن فایل های ناین پی ان جی برای ویرایش هستند و فایل های پی ان جی برای تبدیل به ناین پی ان جی.

واژه های درون نرم افزار:

Zoom : برای بزرگنمایی یا کوچک کردن اندازه ی فایل گرافیکی برای بهتر ویرایش کردن بکار میرود.

Patch scale : با توجه به مقیاسی که شما انتخاب میکنید، فایل مورد ویرایش شما را در محیط اندروید به نمایش میدهد، برای بررسی فایل در سایز های مختلف.

Show lock: هنگامی که نشانگر موس بر روی فایل گرافیکی میرود ، به شما اخطار میدهد که اینجا قابل ویرایش نیست، (من خودم معمولا غیر فعالش میکنم، اعصاب خراب کنه بیشتر!!)

Show patches : بسیار کاربرد داره، به شما محیط کاری رو نشون میده، و میتوانید براحتی مساحت های مورد نظر را بررسی کنید.

Show content : مساحتی که اشیا درون آن قرار خواهند گرفت را در پانل قسمت سمت راست نرم افزار نمایش میدهد. به رنگ بنفش نمایش داده میشود.

Show bad patches : قسمت هایی را که به اشتباه انتخاب کرده اید را به رنگ قرمز نمایش میدهد.

[M_Javad_Nazari]

این ویدیو متعلق به تیم آمستریس میباشد.

مشخصات ویدیو:

General

Format                           : MPEG-4
Format profile                   : Base Media / Version 2
Codec ID                         : mp42
File size                        : 4.34 MiB
Duration                         : 1mn 50s
Overall bit rate                 : 328 Kbps

Video
ID                               : 1
Format                           : AVC
Format/Info                      : Advanced Video Codec
Format profile                   : High@L3.1
Format settings, CABAC           : Yes
Format settings, ReFrames        : 4 frames
Codec ID                         : avc1
Codec ID/Info                    : Advanced Video Coding
Duration                         : 1mn 50s
Bit rate mode                    : Variable
Bit rate                         : 312 Kbps
Width                            : 1 024 pixels
Height                           : 768 pixels
Display aspect ratio             : 4:3
Frame rate mode                  : Constant
Frame rate                       : 30.000 fps
Standard                         : NTSC
Color space                      : YUV
Chroma subsampling               : 4:2:0
Bit depth                        : 8 bits
Scan type                        : Progressive
Bits/(Pixel*Frame)               : 0.013
Stream size                      : 4.12 MiB (95%)


Color primaries                  : BT.709-5, BT.1361, IEC 61966-2-4, SMPTE RP177
Transfer characteristics         : BT.709-5, BT.1361
Matrix coefficients              : BT.709-5, BT.1361, IEC 61966-2-4 709, SMPTE RP177

Audio
ID                               : 2
Format                           : AAC
Format/Info                      : Advanced Audio Codec
Format profile                   : LC
Codec ID                         : 40
Duration                         : 1mn 50s
Bit rate mode                    : Constant
Bit rate                         : 13.2 Kbps
Channel(s)                       : 2 channels
Channel positions                : Front: L R
Sampling rate                    : 44.1 KHz
Compression mode                 : Lossy
Stream size                      : 179 KiB (4%)
Language                         : English

لینک دانلود:

[فقط کاربران ثبت نام شده قادر به مشاهده لینکها هستند . ]

[morimt]

جواد جان ممنون میشم این چهارتا فایل رو تغییر بدی واسه ولوم بار هستش میخوام بشه مثل رام استوک که خیلی باریک هستش رنگشم به قرمز یا صورتی تغییر بدی ممنون میشم که تو تمی که ساختی تضاد رنکش به چشم بیاد اینم اون چهار تا داداشی جواد
[فقط کاربران ثبت نام شده قادر به مشاهده لینکها هستند . ]

[morimt]

جواد جان چی شد داداش پیدات نیست :(

[M_Javad_Nazari]

جواد جان چی شد داداش پیدات نیست :(

وای!! چرا پست من نیست؟
جوابتو داده بودم که


عکس از اسلایدر تو گوشیت رو بذار
بگو میخوای چه شکلی بشه، چقدر کوچیکتر بشه
و رنگ دقیقش رو هم نشون بده.


با عکس لطفا.


آموزشش رو نگاه کردی اصلا؟ خیلی راحته ها.

[Biftor]

سلام

محمد جواد عزیز یه زحمتی دارم واستون
این کار های گرافیکی کار من نیست
این فایل زیپ رو میزارم توش 4 تا png هست
اینارو واسم میشه
9.png کنید با همون سایز ها
توی فایل زیپ 4 تا png
هست هر 4 تاش یکه فقط یکیشو درست کنید بقیش کپی هست

ممنون جواد جان واسه لاک اسکرین هست میخوام ببینم جواب میده یا نه
چون وقتی png هست توی روتیت لاک اسکرین کش نمیاد و ...
که مشول ایجاد میکنه
میخوام ببینم 9.png بشه درست میشه یا نه

این فایل زیپ

[فقط کاربران ثبت نام شده قادر به مشاهده لینکها هستند . ]


ممنون




Sent from my GT-I9100 using pda-planet premium

[M_Javad_Nazari]

والا من نمیدونم چی بگم!

من اینا رو دانلود کردم، اینا رو به چه استایل 9.png کنم؟

عکس ها که به نظر شفاف میاند.
رسیدم خونه اوکی میکنم.

Sent from my GT-I9300 using pda-planet premium

[Biftor]

والا من نمیدونم چی بگم!

من اینا رو دانلود کردم، اینا رو به چه استایل 9.png کنم؟

عکس ها که به نظر شفاف میاند.
رسیدم خونه اوکی میکنم.

Sent from my GT-I9300 using pda-planet premium

سلام آره جواد جان شیشه ای هست رنگ نداره

من نمیدونم به چه استاید یه کاریش کنید که به هر د ی پی ای در بیاد
طول و عرضش
تغییر کنه

مرسی
جواد جان

Sent from my GT-I9100 using pda-planet premium

[morimt]

سلام جواد جان دقیقان میخوام این رنگی این سایزی بشه اون چهار تا که تو تم گذاشتی
[فقط کاربران ثبت نام شده قادر به مشاهده لینکها هستند . ]
اینم خود فایل اصلی که خواستم خودت درستش کنی بدی تستش کنم
[فقط کاربران ثبت نام شده قادر به مشاهده لینکها هستند . ]
ممنون بابت زحمتی که میکشی ولی جواد توضیحات واسه رسم ناقص هستش من رسم میکنم ولی سایزشو تغییر میدم APK-Multi-Tool همش اون چهار تا فایل رو ایراد میگیره نمیدونم دیگه چیکارش کنم ممنون میشم همینی که داری درست میکنی رو یه توضیح کامل واسش بذاری از رسمش گرفته چه تغییر رنگ چه جاگذاریش که تو فریم ورک به مشکل بر نخوره چون خیلی لازمه بازم ممنونم ازت جواد جان