PDA

توجه ! این یک نسخه آرشیو شده میباشد و در این حالت شما عکسی را مشاهده نمیکنید برای مشاهده کامل متن و عکسها بر روی لینک مقابل کلیک کنید : ترسیم فایل های 9. png + آموزش ویدیویی



M_J_Nazari
31-01-2012, 02:40
فایل های ناین پی ان جی، example.9.png ، فایل های گرافیکی هستند که به همراه نرم افزار کامپایل و یا دی کامپایل میشوند، مهمترین نکته برای کار کردن با این گونه فایل ها اینه که حتما باید دیکامپایل بشن بعد ویرایش.

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


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




قبل از دیکامپایل : http://up6.iranblog.com/images/07702058825539021895.png

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

بعد از دیکامپایل : http://up6.iranblog.com/images/22460732479363454328.png




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

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


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

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


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

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

http://forum.mobilestan.net/Download.png (http://dl.mobilestan.net/index.php/files/get/XJIUgOM-_z/draw9patch.zip)




تمامی مطالب نوشته شده طبق تجربه ی شخصی بوده و به هیچ وجه انتشار آن در سایت های دیگر مجاز نمیباشد.
تیم آمستریس
Mobilestan Android Developers

M_J_Nazari
03-02-2012, 00:07
این مطالب بیشتر برگرفته از مطلب زیر میباشد:


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


برای ایجاد فایل ناین پی ان جی حتما میبایست از یک فایل png استفاده کنید.
http://developer.android.com/images/draw9patch-norm.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_J_Nazari
03-02-2012, 02:31
یه آموزش تصویری برای ساخت فایل های ناین پی ان جی ساختم، به علت اینکه سایت نمیتونه ویدیو پخش کنه، اونو توی آپلود سنتر سایت آپلود کردم.

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

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

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



http://forum.mobilestan.net/attachment.php?attachmentid=683476&stc=1&d=1328226006
لینک دانلود: http://forum.mobilestan.net/Download.png (http://dl.mobilestan.net/index.php/files/get/N7sECCgQ3M/9-png-by-amestris-team.mp4)