آموزش ساخت تم براي اسمارتفونها

[NEC]

در اين تاپيك قصد دارم آموزش ساختن تم براي اسمارتفونها ( گوشي هاي داراي ويندوز موبايل و بدون تاچ اسكرين ) بذارم . البته اين بستگي به استقبال شما دوستان از اين موضوع داره . خب شروع مي كنيم :

به طور كلي هر تم داراي دو بخش اساسي هست : يكي background و ديگري فايل XML
background كه مشخص هست چيه و فايل XML به گوشي ميفهمونه كه هر جز از homescreen رو بايد كجا نشون بده ( مثلا ساعت كجا باشه ، مسيج كجا باشه و ... )

ساخت فايل XML بسيار ساده هست و با استفاده از Notepad كامپيوتر قابل ويرايش يا ساختن هست .

هر Homescreen از تعدادي پلاگين تشكيل شده و اين مجموعه پلاگين ها هستن كه Hoemescreen رو ميسازن مثل پلاگين نشان دادن ساعت ، پلاگين نشان دادن تماسهاي رسيده ، پلاگين تقويم و ....

اينها پلاگينهاي استاندارد گوشي هستن :

1. Iconbar : نمايش ميزان باتري ، قدرت سيگنال ،فعال بودن GPRS يا Wlan و ...
2. Profile : نمايش پروفايل كنوني گوشي
3. Message Count : نمايش تعداد مسيج ها و ايميل هاي رسيده
4.Calendar : نمايش Appointment هاي تازه
5. Allday : نمايش Allday Event ( مثلا كاري كه بايد هر روز انجام بشه )
6. MRU : نمايش آخرين برنامه هاي استفاده شده ( Most Recently Used applications )

البته پلاگينهاي بسيار كاربردي ديگه اي هم هستن كه توسط برنامه نويسها نوشته شده و بعدا راجع بهشون صحبت مي كنيم .

شروع فايل XML با اين دستور هست ( نقطه هاي اول دستورات رو مجبور شدم بذارم تا درست نوشته بشن شما نيازي نيست اين كارو بكنيد ):


<?xml version="1.0"?>
<home> و بعد از اون مشخصاتتون رو مي نويسيد :


<author>NEC</author>
<contacturl>[Only registered and activated users can see links]>
<title>My Homescreen</title>
<version>1.0</version>
خط اول : نام سازنده تم ( اسمتونو اون وسط مثل من مي نويسيد )
خط دوم : اسم سايتتون
خط سوم : اسم تمي كه ميخواين بسازين ( تم با اين اسم توي گوشي شناخته ميشه )
خط چهارم : ورژن تمي كه ساختيد .


فعلا كافيه خيلي تايپ كردم باقيش رو اگه دوست داشتيد ميذارم .

اينم چندتا عكس تم كه خودم ساختم :


[Only registered and activated users can see links] [Only registered and activated users can see links]

[Only registered and activated users can see links] [Only registered and activated users can see links]

[NEC]

توجه : كل اين آموزش رو من براي htc s710 نوشتم و روي اون تست كردم و چون گوشي ديگه اي نداشتم نمي دونم روي اونا تا چه اندازه جواب بده البته احتمال ميدم تا 99.9% مشابه همين هست .:icon_surp


ادامه :

بعد از دستورات ذكر شده بايد پيكر اصلي تم رو بنويسيد :


<!-- Defaults -->
<default target-width="240" target-height="320" font-face="Segoe Condensed" font-size="19" font-weight="normal"
padding-left="0" padding-right="0" bgcolor="transparent" fgcolor="COLOR_HOMETEXT" padding-top="0"
b-border-color="COLOR_HOMERULE" b-border-width="0">
<format state="selected" fgcolor="COLOR_HOMEHIGHLIGHTTEXT"/>
</default>
خط اول : توضيح يا به اصطلاح Comment هست . كلا اين فرمت دستوري براي نوشتن توضيحات در برنامه بكار ميره و كار خاصي انجام نميده ، فقط اگه خواستيد بعد از يه مدت تم رو ويرايش كنيد بهتون كمك مي كنه بفهمين كه هر بخش چه كاري انجام ميده .

نكته : دستورات هميشه با يك > شروع و با </ تمام ميشوند .

خط بعد : دستور default هست كه بايد در ابتداي برنامه نوشته بشه و يك سري مشخصات كلي از تم رو در بر داره :

target-width : تعداد پيكسلهاي عرضي گوشي رو تعيين ميكنه
target-height : تعداد پيكسلهاي طولي گوشي رو تعيين ميكنه
font-face : فونت اصلي استفاده شده در تم هست ( يعني اگه جايي از تم فونت رو صريح تعيين نكنين از اين فونت به صورت پيش فرض استفاده ميشه . )
font-size : سايز فونت پيش فرض بالا
font-weight : حالت فونت كه مي تونه normal يا bold باشه ( Italic نداريم !! )
padding-left و padding-right : يعني چند پيكسل از راست و چب blank باشه ( هميشه اينو صفر بذاريد تا از كل صفحه نمايش استفاده بشه و تنظيمات دستورات آينده راحتتر انجام بشه )

بقيه دستورات چيز مهمي نيست و بذاريد همينجوري پيش فرض بمونه .

خط آخر : پاين دستور (اين خط براي دستورات چندخطي مياد كه بايد اسم دستور بين </ > قرار بگيره براي دستورات يك خطي نيازي به اين كار نيست مثل دستور بعدي )





<-- Background --!>
</ "background bgimage="Background.jpg" valign="top" bgcolor="#000000>

ميرسيم به بك گراند :

خط اول : comment
خط دوم : دستور background كه براي مشخص كردن عكس اصلي استفاده ميشه :

bgimage : فايل عكس آماده شده براي بك گراند رو آدرس دهي ميكنه . اگه مثل بالا فقط اسم رو بنويسيد ، بايد حتما عكس مورد نظر رو در Application Data\Home بريزيد و اگر ميخوايد توي يك فولدر جدا بريزيد كه منم همين كار رو پيشنهاد ميكنم براي جلوگيري از شلوغ شدن ( بعدا خودتون ميفهمين !! :icon_arro) بايد در جلوي دستور فوق به جاي يك اسم خالي ، مسير فايل رو كامل بين "" ها بنويسيد مثلا
"bgimage="\Application Data\Home\Blue\backgroundP.gif
اين يعني عكس مورد نظر (backgroundP.gif) در فولدر Blue هست .

بقيه دستور هميني باشه كه مي بينيد !!!

نكته : در گوشي هاي به اصطلاح Multiscreen كه صفحه اونا دو حالت داره 240*320 و 320*240 مثل htc s710 براي حالت دوم بايد يك عكس ديگه هم داشته باشيد و بعد از دستور bgimage دستور bgimage-rotated رو مشابه اون بنويسيد و عكس 240*320 خودتون رو آدرس دهي كنيد . در ساير گوشي ها اين مسئله نيازي نيست .


تا بعد ...... :icon_cool

[NEC]

چرا اين دستورات قاطي پاطي شد ؟!!! خيلي خب مجبورم عكسشو بذارم : درستش اينه :

[Only registered and activated users can see links]

[NEC]

نمي دونم ادامه بدم يا نه !!! :icon_ques

اينم قسمت بعدي : نوشتن color scheme


[Only registered and activated users can see links]


COLOR_WINDOW : رنگ بك گراند براي كليه برنامه ها
COLOR_WINDOWTEXT : رنگ فونت براي list ها و ليبل ها
COLOR_STATIC : رنگ بك گراند مسيج ها
COLOR_STATICTEXT : رنگ فونت مسيج ها و ليبل ها
COLOR_HIGHLIGHT : رنگ نوار selector در list ها و منوها و soft keys
COLOR_HIGHLIGHTTEXT : رنگ فونت زماني كه select شده است
COLOR_MENU : رنگ بك گراند منوي اصلي ( منوي start )ا
COLOR_MENUTEXT : رنگ فونت منوي اصلي
COLOR_GRAYTEXT : رنگ فونت زماني كه select نشده است
COLOR_GRADLEFT : رنگ شروع بك گراند منوي اصلي براي زماني كه دوست داريم highlight باشد .
COLOR_GRADRIGHT : رنگ پايان بك گراند منوي اصلي براي زماني كه دوست داريم highlight باشد .
COLOR_INTGRADLEFT : رنگ شروع دوم در بك گراند منوي اصلي براي زماني كه دوست داريم دو highlight داشته باشد .
COLOR_INTGRADRIGHT : رنگ پايان دوم در بك گراند منوي اصلي براي زماني كه دوست داريم دو highlight داشته باشد .
COLOR_TRAYGRADLEFT : رنگ شروع نوار title در homescreen
COLOR_TRAYGRADRIGHT : رنگ پايان نوار title در homescreen
COLOR_TRAYTEXT : رنگ فونت و علايم نوار title مثل ميزان باتري ، علامت روشن بودن بلوتوس و ...
COLOR_WINDOWFRAME : رنگ جدا كننده سطرها در list ها ( مثلا توي برنامه resco explorer )ا
COLOR_SCROLLBAR : رنگ scroll bar
COLOR_alertTITLE : رنگ title در پيغام ها ( Alerts )ا
COLOR_alertWINDOW : رنگ بك گراند alerts
COLOR_alertRULE : رنگ خط هاي جدا كننده پلاگينها در homescreen
COLOR_HOMERULE : رنگ فونت چيزهايي كه در homescreen قابليت select شدن ندارند
COLOR_HOMEHIGHLIGHTTEXT : رنگ چيزهايي كه در homescreen انتخاب (select) شده اند .
COLOR_HOMEHIGHLIGHT : رنگ نوار selector براي پلاگينها در homescreen


يكم باهاشون ور بريد بيشتر متوجه كاركرد اونا ميشيد . اين عكس رو هم توي اينترنت پيدا كردم كه مي تونه بيشتر كمكتون كنه ( البته كيفيتش زياد خوب نيست ) :

[Only registered and activated users can see links]


تا بعد ....:icon_cool