جلسه سوم آموزش برنامه نویسی ویندوز فون

توسط فروردین ۱۷, ۱۳۹۴آموزش ویندوز فون

سلام به همه.

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

در این جلسه اولین پروژه (ماشین حساب ساده) رو شروع میکنیم.

دانلود جلسه سوم آموزش برنامه نویسی ویندوز فون

سلام به دوستان عزیز تبریک میگم!(خودتون میدونید).

جلسه سوم آموزش هست و در این جلسه شروع به نوشتن یک ماشین حساب بسیار ساده میکنیم.

در طول آموزش سعی میکنم هرجایی رو که لازم بود توضیح کاملی بدم ولی اگه بازم سوالی داشتید بپرسید.

برنامه Visual Studio رو بازکنید.

  • یک پروژه جدید با نام Scalc بسازید.(مراحل جلسات قبل گفته شد).
  • با صفحه مواجه خواهید شد:
آموزش ویندوزفون

آموزش ویندوزفون

  • کامنت سبز رنگ که اول خط با // آغاز میشود را پاک کنید. معمولا کامنت ها برای یادداشت برنامه نویس به کار میره و تاثیری هم نداره در برنامه هر وقت خواستید براخودتون کامنت بذارید تو محیط کد اولش // بذارید.
  • میریم سراغ دیزاین یا طراحی محیط کاربری برنامه:مراحل رو انجام بدین

 

  • در سلوشن اکسپلورر روی xaml دوبار کلیک کنید.
آموزش ویندوزفون

آموزش ویندوزفون

بعد از اندکی تاخیر صفحه طراحی بارگزاری میشود.با صفحه زیر روبرو خواهید شد:

آموزش ویندوزفون

آموزش ویندوزفون

  • در سمت راست بخش کد نویسی صفحه و در سمت چپ بخش طراحی است.
  • در بخش کد نویسی کد ها و دستورات وارد میشود و در قسمت طراحی،طراحی رابط کاربری است. شما میتوانید بدون استفاده از بخش طراحی شی مورد نظر و… در بخش کد نویسی فرا بخوانید اینطور بسیار دقیق تر و بهتر است ولی کار با بخش دیزاین هیچ اشکالی ندارد و راحت تر است.
  • در بین <Grid>     </Grid> میتوان شی به صفحه اضافه کرد با استفاده از کد نویسی – درغیر اینصورت شما میتوانید از سمت چپToolbaxشی دلخواه خود را انتخاب و در صفحه drag بکشید.

 

 

 

شروع طراحی بصری برنامه:

  • اولین قدم:دور بر محیط خودتون رو خلوت کنین بذارین خلاقیت و سلیقتون وارد طراحیتون بشه نه به قول معروف ماس مالی..:D
آموزش ویندوزفون

آموزش ویندوزفون

  • من طبق سلیقه خودم برنامه رو طراحی میکنم شما هر طور که میخواید درستش کنین(نه اینکه خراب شه)
  • از جعبه ابزارToolbox شی Rectangle رو به درون صفحه بکشید.
  • ارتفاع و طول رو مطابق عکس زیر تنظیم کنید.

 

آموزش ویندوزفون

آموزش ویندوزفون

رنگش رو از قسمت Properties در بخش Brush >Fillعوض کنین من آبی کردم^_^

آموزش ویندوزفون

آموزش ویندوزفون

بعد تو همون Properties در بخش Layout این تنظیمات رو انجام بدید.

آموزش ویندوزفون

آموزش ویندوزفون

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

 

 

خب حالا یک Text block روی اون مستطیل drag کنین.

آموزش ویندوزفون

آموزش ویندوزفون

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

برای تغییر متن از پنجره Properties در پایین سمت راست(بصورت پیشفرض) در قسمت Common روی Text کلیک و اقدام به تغییر آن نمایید.

آموزش ویندوزفون

آموزش ویندوزفون

من نوشتم ماشین حساب (فارسی)

آموزش ویندوزفون

آموزش ویندوزفون

بعد تو همون پنجره Properties قسمت TEXT روی ¶ کلیک کنید سپس Left را به Right تغییر دهید (چون فارسی نوشتیم متن رو).

سایز متن و نوع فونت رو هم میشه از A تغییر داد.

 

 

برای من این شده:

winpic11

خب حالا میخوایم برای دو شئ ای که در Grid داریم نام تعیین کنیم.

این نام مثل یک شناسنامه برای شئ ما هست و خیلی مهمه من تو کارم از استاندارد خاصی استفاده میکنم که به شما هم میگم (جلسه بعد).

برای تغییر نام شئ:

  • روی شئ مورد نظر کلیک کنید.
  • در پنجره Properties قسمت Name نام شئ رو بذارید.
  • مثلا برای مستطیل این اسم رو من گذاشتم rt1
آموزش ویندوزفون

آموزش ویندوزفون

  • به همین ترتیب اسم متن رو بذارید txtcalc

 

فعلا تا همین قسمت کافیه برای این جلسه چون سنگین میشه.

قسمت قبلی آموزش

قسمت بعدی آموزش

 

درباره abbasalim

سلام دوم بهمن امسال(93) بهترین روز زندگی من بود. روزی که با همسرم آغاز زندگی مشترکمون رو شروع کردیم. ببخشید که این چند وقته نتونستم مطلب جدید بزارم، برامون و برای همه دعا کنید.

ما را دنبال کنید:


آموزش های پیشنهادی سایت (نمایش همه):


نظر خود را بیان کنید

*

code

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