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

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

هنگامی که Windows Phone Developer Tools را نصب می کنید، ابزارها و ویژگی های رایگان زیر را دریافت می کنید.
  • شبیه ساز ویندوز فون
  • نرم افزار Zune
  • XNA Game Studio 4.0
  • نور نقره ای
  • دات نت فریم ورک 4
اگر از قبل ویژوال استودیو 2010 (حرفه ای یا نهایی) را نصب کرده اید، می توانید از نسخه ویژوال استودیو 2010 برای توسعه پس از نصب ابزارهای برنامه نویس ویندوزفون استفاده کنید.
Expression Blend برای Windows Phone
Expression Blend برای Windows Phone یک نرم افزار طراحی است که به شما امکان می دهد ویژگی های بصری خاصی مانند گرادینت ها، انیمیشن ها و انتقال ها را ایجاد و اضافه کنید. برای برخی از کارها، استفاده از Expression Blend نسبت به ویژوال استودیو آسان‌تر است. لیست زیر شامل برخی از وظایف است که به راحتی با استفاده از Expression Blend انجام می شود.
  • به صورت بصری الگوهای داده ایجاد کنید
  • از داده های آزمایشی در طول توسعه برای تجسم الگوهای داده استفاده کنید
  • کنترل های ظاهری بصری
  • ایجاد و مشاهده انیمیشن
تصویر زیر ظاهر Expression Blend را نشان می دهد.

توجه داشته باشید:
این مقاله کار در Visual Studio 2010 Express را برای Windows Phone شرح می دهد و از Expression Blend برای Windows Phone استفاده نمی کند.

Visual Studio 2010 Express برای Windows Phone
Visual Studio 2010 Express for Windows Phone شامل یک طراح کشیدن و رها کردن است که ظاهر گوشی، یک ویرایشگر کد و یک دیباگر را شبیه سازی می کند. اگر با ویژوال استودیو برای توسعه انواع دیگر برنامه ها کار کرده باشید، محیط توسعه را پیدا خواهید کرد برنامه های موبایلبسیار آشنا تصویر زیر ظاهر Visual Studio 2010 Express را برای Windows Phone نشان می دهد.

طراح Windows Phone شامل جعبه ابزار، نمای طراحی، نمای XAML، Solution Explorer و پنجره Properties شبیه به طراح استاندارد ویژوال استودیو است. دو تفاوت اصلی این است که در حالت طراحی، سطح شبیه ویندوز است دستگاه تلفن، و دستگاه Target ظاهر می شود، که به شما امکان می دهد انتخاب کنید که آیا می خواهید برنامه را در دستگاه یا شبیه ساز اشکال زدایی کنید. تصویر زیر ظاهر شبیه ساز را در جهت عمودی و افقی نشان می دهد.

دستورالعمل های طراحی

اگر قصد دارید ویندوز خود را منتشر کنید، مهم است که از اصول طراحی رابط کاربری شناخته شده آگاه باشید برنامه های تلفندر App Hub. دستورالعمل های طراحی نحوه طراحی را شرح می دهد رابط کاربریبرای درخواست شما

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

دسته بندی دستورالعمل های طراحی
ناوبری، فریم ها و صفحات
  • هنگام ایجاد نقشه ناوبری حتماً عملکرد دکمه بازگشت و تعامل کاربر با نوار برنامه را در نظر بگیرید.
پنل برنامه
  • از نوار برنامه برای انجام کارهای رایج برنامه استفاده کنید.
  • شما محدود به چهار دکمه در نوار برنامه هستید.
  • اقدامات کمتر انجام شده را در منوی نوار برنامه قرار دهید.
  • اگر بیان کردن یک عمل با یک نماد دشوار است، آن را به جای یک دکمه در منوی نوار برنامه قرار دهید.
  • شما به پنج گزینه در منوی نوار برنامه محدود شده‌اید تا از پیمایش جلوگیری کنید.
دکمه برگشت
  • شما فقط باید رفتار دکمه برگشت را اجرا کنید که منوهای زمینه و کادرهای گفتگو را به عقب هدایت می کند یا پنهان می کند. سایر پیاده سازی ها ممنوع است.
جهت صفحه نمایش
  • جهت گیری پیش فرض پرتره است. برای پشتیبانی از جهت افقی، باید کد اضافه کنید.
  • اگر برنامه پشتیبانی می کند جهت گیری چشم انداز، نمی تواند فقط جهت افقی چپ یا راست را تشخیص دهد. جهت‌های چشم‌انداز چپ و راست باید پشتیبانی شوند.
  • اگر برنامه از ورودی متن پشتیبانی می کند، به دلیل امکان صفحه کلید سخت افزاری باید از جهت افقی پشتیبانی کنید.
تم ها
  • از مصرف هم خودداری کنید مقدار زیاد سفیددر برنامه های کاربردی، به عنوان مثال، پس زمینه سفید، زیرا این می تواند تأثیر جدی بر زمان داشته باشد عمر باتریدستگاه های دارای صفحه نمایش OLED
  • اگر به صراحت رنگ پیش زمینه یا پس‌زمینه کنترلی را تنظیم کرده‌اید، مطمئن شوید که محتوای آن در پوسته‌های تیره و روشن به یک اندازه قابل مشاهده است. اگر رنگ مشخص شدهقابل مشاهده نیست، همچنین پس زمینه یا رنگ اصلی را به صراحت تنظیم کنید تا کنتراست کافی داشته باشد یا رنگ مناسب تری را انتخاب کنید.
تنظیمات برنامه
  • اقدامات برنامه‌ای که داده‌ها را بازنویسی یا حذف می‌کنند، یا قابل برگشت نیستند، باید دارای دکمه لغو باشند.
  • استفاده كردن صفحه نمایش های اضافیبا دکمه های تایید یا لغو، با فشار دادن این دکمه ها باید عمل مناسب را انجام دهید و کاربر را به منوی تنظیمات اصلی بازگردانید.
ورودی را لمس کنید
  • همه پایه و وظایف عمومیباید با یک انگشت انجام شود.
  • کنترل‌های لمسی باید فوراً به لمس پاسخ دهند. کنترل‌های لمسی که در حین انتقال به تأخیر می‌افتند یا کند به نظر می‌رسند، خواهند داشت تاثیر منفیدر تجربه کاربر
  • برای عملیات طولانی مدت با منابع فشرده، توسعه دهندگان باید فراهم کنند بازخوردبرای نشان دادن اینکه چیزی با محتوای پیشرفت اتفاق می افتد، یا استفاده از نوار پیشرفت یا به عنوان آخرین راه حل، یک اعلان خام را در نظر بگیرید. به عنوان مثال، می توانید با پیشرفت دانلود، محتوای بیشتری را نشان دهید.
  • معمولاً باید از فشار طولانی برای نمایش استفاده شود منوی زمینهیا صفحات گزینه برای یک عنصر.
صفحه کلید نمایشی
  • برای تعیین نوع صفحه کلید و فعال کردن امکانات چاپ مناسب، باید ویژگی قابلیت ورودی را برای یک فیلد متنی یا سایر عناصر قابل ویرایش تنظیم کنید.
بوم و کنترل های شبکه
  • کنترل Canvas از طرح‌بندی مبتنی بر پیکسل استفاده می‌کند و می‌تواند عملکرد بهتری نسبت به کنترل Grid برای کنترل‌های جاسازی شده یا تودرتو در برنامه‌های جهت‌یابی ثابت ارائه دهد.
  • گرید است بهترین انتخابزمانی که فریم برنامه نیاز به گسترش، کوچک شدن یا چرخش دارد.
پانوراما و کنترل های محوری
  • هم پانوراما و هم محور، ناوبری افقی را از طریق محتوای دستگاه فراهم می کنند و به کاربر اجازه می دهند در صورت نیاز حرکت کرده و حرکت کنند.
  • از کنترل پانوراما به عنوان نقطه شروع برای تجربه کاربری دقیق تر استفاده کنید.
  • از Pivot برای فیلتر کردن مقادیر زیادی از داده‌ها استفاده کنید، که به شما امکان می‌دهد چندین مجموعه داده را مشاهده کنید، یا راهی برای جابه‌جایی بین نماهای مختلف از یک داده ارائه کنید.
  • از Pivot برای کارهای ناوبری مانند برنامه های جادوگر استفاده نکنید.
  • پیمایش عمودی یک لیست یا شبکه در بخش های پانوراما تا زمانی قابل قبول است که در محدوده آن بخش باشد و موازی با پیمایش افقی نباشد.
  • هرگز یک Pivot را در کنترل Pivot دیگری قرار ندهید.
  • هرگز Pivot را در کنترل پانوراما قرار ندهید.
  • برنامه باید تعداد صفحات Pivot را به حداقل برساند.
  • Pivot فقط باید برای نمایش عناصر یا انواع مشابه داده ها استفاده شود.
  • برای پیمایش در کنترل Pivot نباید از دکمه های نوار برنامه استفاده کنید. اگر Pivot به کمک های ناوبری نیاز دارد، احتمالاً از آن به درستی استفاده نمی کنید.
متن
  • ابتدا باید از فونت Segoe استفاده کنید. از فونت های جایگزین با احتیاط استفاده کنید.
  • از استفاده از فونت های کوچکتر از 15 امتیاز خودداری کنید.
  • به یک سبک حروف بزرگ پایبند باشید.
  • نام برنامه در نوار عنوان باید با حروف بزرگ باشد.
  • از همه چیز استفاده کنید حروف کوچکبرای اکثر متن های دیگر در برنامه، از جمله عنوان صفحه و عنوان فهرست. در پنل برنامه، هر متنی به صورت خودکار با حروف کوچک نمایش داده می شود.

منابع اضافی

در زیر چند پیوند به منابع اضافی، جایی که می توانید در مورد توسعه برای Windows Phone اطلاعات بیشتری کسب کنید.
منبع شرح
مرکز برنامه ویندوز فون اسناد اضافی، نمونه کد، و انجمن توسعه ویندوز فون.
مستندات توسعه Windows Phone اسناد رسمی برای توسعه Windows Phone در MSDN.
مستندات Silverlight اسناد رسمی برای Silverlight و Silverlight برای Windows Phone در MSDN.
نمونه کد برای ویندوزفون نمونه‌های کد قابل دانلود که مستندات Windows Phone را تکمیل می‌کنند.
Windows Phone Quick Starts مجموعه ای از مقالات کوتاه که چالش ها و فرصت های توسعه برای ویندوز فون را نشان می دهد.
راهنمای برنامه نویس ویندوز فون راهنمای توسعه‌دهنده‌ای که داستان یک شرکت ساختگی را شرح می‌دهد که تصمیم گرفت از Windows Phone 7 به عنوان یک دستگاه مشتری برای یک برنامه ابری موجود استفاده کند.
وبلاگ برنامه نویس ویندوز فون وبلاگی که حاوی اطلاعات به روز و اعلامیه های مستقیم از تیم ویندوز فون است.
توسعه ویندوز فون 7 برای مبتدیان مطلق مجموعه ای از ویدئوها برای مبتدیان مطلق، که به هیچ مهارت برنامه نویسی نیاز ندارد.
Windows Phone 7 Jump Start مجموعه‌ای از ویدیوها برای توسعه‌دهندگانی که با استفاده از Silverlight یا XNA به توسعه Windows Phone مبادرت می‌کنند.
دوره آموزشی Windows Phone 7 ویدئوها و درس های عملیدر حال توسعه برای Windows Phone با استفاده از Silverlight یا XNA.
جعبه ابزار آموزش ها و منابع دیگر برای طراحان برای یادگیری نحوه طراحی یک برنامه Windows Phone. شامل آموزش های Expression Blend است.
وبلاگ جف ویلکاکس وبلاگی درباره Silverlight، Silverlight Toolkit و Silverlight برای Windows Phone. جف ویلکاکس یک توسعه‌دهنده اصلی نرم‌افزار در مایکروسافت در تیم Silverlight است.
وبلاگ جف پرازیس وبلاگ در مورد مناطق مختلفدر برنامه نویسی دات نت، از جمله Silverlight و Windows Phone. جف پراسیس یک برنامه نویس با تجربه و یکی از بنیانگذاران Wintellect است.

با انتشار ویندوز 8، توسعه دهندگان با نوع کاملاً جدیدی از برنامه ها آشنا شدند - برنامه های کاربردی سبک UI مدرن. خوب چطوری جدیده برنامه های مشابه قبلا برای ویندوز فون توسعه یافته است. این اپلیکیشن ها هیچ شباهتی با اپلیکیشن های آشنای ویندوز نداشتند. چنین برنامه هایی با آن سازگار نیستند نسخه های قبلیویندوز دارای یک رابط کاملا جدید (مدرن) است و از یک رابط جدید برای توسعه آنها استفاده می شود WinRT API(Windows Runtime API) و ویندوز XAML(زبان نشانه گذاری رابط).

مشکلی برای نوشتن فقط نسخه ویندوز 8 برنامه شما وجود نداشت، با این حال، اگر نیاز به نوشتن یک برنامه نه تنها برای ویندوز، بلکه برای ویندوزفون نیز داشتید، باید بر مشکلات خاصی غلبه می کردید. موضوع این است که ویندوزفون از آن استفاده می کند نور نقره ایو Windows Phone API، در حالی که ویندوز 8 استفاده می کند ویندوز XAMLو WinRT API. آنها چند تفاوت قابل توجه دارند.

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

مایکروسافت در مورد این مشکل می دانست و برای مدت طولانی روی یک راه حل کار می کرد. نتیجه این کار به اصطلاح بود برنامه های جهانی ویندوز(جهانی برنامه ویندوز s)، که از Windows 8.1 Update 1 و Windows Phone 8.1 (که تا پایان تابستان برای نصب در تمام دستگاه های Windows Phone 8 در دسترس خواهد بود) در دسترس هستند. ممکن است تصور شود که برنامه‌ها اکنون بدون کامپایل مجدد در ویندوز و ویندوزفون کار می‌کنند، اما این کاملاً درست نیست.

هر برنامه همچنان به طور جداگانه برای هر پلتفرم ایجاد و کامپایل می شود، اما میزان کار مورد نیاز اکنون به میزان قابل توجهی کاهش یافته است. نکته اینجاست که مایکروسافت بالاخره اکثر APIهای ویندوز و ویندوزفون را یکپارچه کرده است. بیشتر تغییرات در سمت ویندوز فون انجام شد. از این پس برای نوشتن برنامه برای این دو پلتفرم (به زودی سه، ایکس باکس واندر آنجا) WinRT API و Windows XAML استفاده می شود. البته، Silverlight آشنا برای Windows Phone از بین نرفته است و حتی برخی از قابلیت های اضافی را نیز به دست آورده است، اما این چیزی نیست که ما اکنون در مورد آن صحبت می کنیم.

اکنون برنامه های جهانی از چارچوب استفاده می کنند اجرای ویندوز(همان Runtime ویندوز). این نوآوری ها به برنامه نویس اجازه می دهد تا کدهای وابسته به پلتفرم را به حداقل ممکن کاهش دهد، زیرا بیشتر تماس ها با API یکسان هستند.

نرم افزار تست

امروز به شما پیشنهاد می کنم سعی کنید یک برنامه جهانی ساده بنویسید که نامش این است "سلام دنیا!". به زبان خواهیم نوشت سی شارپ(حداقل لازم است دانش عمومیزبان و XAML). برای انجام این کار، ما حداقل نیاز داریم:

ویندوز 8.1 (x86)

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

برای اینکه بتوانید برنامه خود را در شبیه ساز Windows Phone اشکال زدایی کنید، به موارد زیر نیاز دارید:

ویندوز 8.1 حرفه ای (x64)
پردازنده با پشتیبانی از مجازی سازی سخت افزار برای کلاینت Hyper-V (حتی Celeron G1610 مقرون به صرفه و حتی Pentium 4 در LGA775 مناسب هستند)
Visual Studio Express 2013 برای Windows Update 2

با استفاده از این کیت، می توانید اپلیکیشن خود را به طور کامل توسعه داده و آن را در آن تست کنید حالت های مختلفبا استفاده از شبیه ساز تبلت ویندوز و شبیه ساز ویندوزفون.

من استفاده خواهم کرد ویژوال استودیو Ultimate 2013 و من همه چیز را در آن نشان خواهم داد. نگران نباشید، از رایگان رابط اکسپرسعملا تفاوتی ندارد شروع کنیم!

جهانی "سلام، جهان!"

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

در فصل "برنامه های فروشگاه ویندوز"قالب های برنامه های مختلفی هم برای ویندوز و هم برای ویندوزفون وجود دارد. ما به برنامه های جهانی علاقه مندیم که قالب های آن در یک زیربخش ویژه موجود است.

دو گزینه برای انتخاب وجود دارد: یک برنامه خالی و یک برنامه با Hub (این کنترل بسیار جالبی است). بیایید روی یک برنامه خالی تمرکز کنیم، زیرا ما هنوز در حال یادگیری هستیم و نباید فوراً وارد علف های هرز شویم. بیایید با ساده شروع کنیم.

نامی برای برنامه در حال ایجاد. بهش زنگ زدم "UniversalHelloWorld"، واضح و دقیق روی OK کلیک کنید و منتظر بمانید تا ویژوال استودیو پروژه را ایجاد کند. بیایید به ساختار پروژه ایجاد شده نگاه کنیم.

کل پروژه به تقسیم می شود سه قسمت:

Windows - حاوی کد و عناصری است که فقط برای نسخه ویندوز برنامه موجود است
Windows Phone - حاوی کد و عناصری است که فقط برای نسخه Windows Phone برنامه موجود است
اشتراک گذاری شده – حاوی کد و عناصری است که برای دو پلتفرم به طور همزمان در دسترس هستند

لطفا توجه داشته باشید که در این لحظهتنها یک عنصر مشترک وجود دارد: App.xaml(و App.xaml.cs). این عنصر مسئول شروع و توقف برنامه است.

از قبل می توانید سعی کنید برنامه را راه اندازی کنید. و برای این کار F5 را فشار دهید. برای توقف اشکال زدایی، به ویژوال استودیو برگردید و کلیک کنید "Shift+F5". شما باید یک صفحه خالی ببینید. نسخه ویندوز برنامه در ابتدا راه اندازی خواهد شد. برای انتخاب نسخه ای از برنامه برای اجرا، به دنبال دکمه اشکال زدایی (مثلث سبز) در نوار ابزار بگردید.

در اینجا می توانید انتخاب کنید که اشکال زدایی برنامه خود کجا اجرا شود. شبیه ساز یک تبلت ویندوزی را شبیه سازی می کند که می توانید جهت، وضوح نمایشگر و موارد دیگر را روی آن تغییر دهید. دکمه " کامپیوتر از راه دور"برای راه اندازی اشکال زدایی در یک دستگاه خارجی ویندوز 8 طراحی شده است. من از Surface RT برای این اهداف استفاده می کنم.

بیایید به تغییر نسخه در حال اجرا برگردیم. در منوی فرعی "شروع پروژه"شما می توانید انتخاب کنید "ویندوز فون 8.1". پس از این، محتویات منوی اصلی تغییر می کند و شبیه سازهای زیادی برای انتخاب شما در دسترس خواهد بود.

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

در حال حاضر، هر نسخه از برنامه دارای یک صفحه اصلی جداگانه MainPage.xaml است. از آنجایی که برنامه ما بسیار ساده است، نیازی به طراحی صفحه متفاوت در هر پلتفرم نداریم. MainPage.xaml را به پارتیشن Shared منتقل کنید و سپس آن را از پارتیشن های Windows و Windows Phone حذف کنید. ساختار پروژه به این صورت خواهد بود:

با باز کردن این فایل، این کشور را در آن خواهید دید ویرایشگر بصریو همچنین کد نشانه گذاری آن. تا اینجا کد زیر را داریم:

فقط شبکه اصلی صفحه را ایجاد می کند که با رنگ صفحه استاندارد پر شده است. بیایید کتیبه ای به همین نام و دکمه خوش آمدگویی به صفحه اضافه کنیم. یک عنصر TextBlock را در Grid قرار دهید. کد عنصر خواهد بود:

برای اینکه ببینید صفحه در حالت تبلت/رومیزی و تلفن چگونه به نظر می رسد، از لیست کشویی بالای ویرایشگر کد استفاده کنید.

همچنین یک دکمه به صفحه اضافه می کنیم که یک پیام کوچک به ما نشان می دهد. کد این دکمه:

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

سلام به همه!

تقدیم شما می کنم ابزار جدیداز مایکروسافت "Windows App Studio"- یک طراح برای ایجاد برنامه های کاربردی. امروز به شما خواهم گفت که چگونه به کاربر معمولیایجاد اپلیکیشن برای ویندوز و ویندوزفون امکان پذیر شد. و کمی در مورد اینکه چگونه این ابزار می تواند برای یک توسعه دهنده مفید باشد.

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

App Studio از طریق یک رابط وب با کاربر در تعامل است، در هر مرورگری کار می کند و در لینک زیر موجود است. تمام داده های App Studio در فضای ابری ذخیره می شود.

برای دسترسی به App Studio، باید یک حساب کاربری مایکروسافت (Live ID سابق) و دسترسی به اینترنت داشته باشید.

مرور
رابط کاربری ساده و شهودی است:

بر صفحه نخستیک کنترل پنل برای دسترسی به صفحات اصلی منبع وجود دارد:


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

قالب ها
برای ایجاد یک برنامه، App Studio سناریوهای زیر را ارائه می دهد:
  • استفاده از الگوها؛
  • یک برنامه از ابتدا ایجاد کنید.
قالب های App Studio برنامه های موضوع محور با ساختار آماده، محتوای نمایشی و قابلیت ویرایش هستند:

برخلاف سایر قالب ها، Empty App هیچ اسکریپتی برای ایجاد برنامه ارائه نمی دهد و کاملاً بدون محتوا است.

همه قالب‌های App Studio توانایی ایجاد برنامه‌های جهانی موجود در دستگاه‌های Windows و Windows Phone 8.1 را فراهم می‌کنند. علاوه بر الگوی برنامه وب:

هدف این قالب بازسازی است نسخه موبایلوب سایت در برنامه تحت وببرنامه با استفاده از URL سایت. این ویژگی فقط برای برنامه های Windows Phone در دسترس است.

شایان ذکر است تنوع است. قالب های برنامهاستودیو و وجود مولفه های موضوعی در هر یک از آنها:

ایجاد یک اپلیکیشن
چرخه ایجاد برنامه در App Studio از 4 مرحله تشکیل شده است:
  • جستجو برای یک ایده؛
  • پر کردن محتوا؛
  • طراحی سبک؛
  • استفاده از برنامه آماده؛
برای نشان دادن قابلیت‌های ابزار، یک کاتالوگ شراب بر اساس برنامه خالی ایجاد می‌کنیم. بیایید آن را Wine Expert بنامیم، شروع به ایجاد ساختار و اضافه کردن محتوا کنیم.

صفحه شروع اپلیکیشن جدید Empty به شکل زیر است:

محل کار به چهار قسمت تقسیم می شود:

  • کار بر روی ساختار و محتوای برنامه: محتوا;
  • در مرحله بعد، دو تب مسئول ظاهر و سبک برنامه هستند: تم هاو کاشی.
  • انتشار اطلاعاتشامل از پیش تنظیم شده استبرای انتشار برنامه در فروشگاه ویندوز.
کار روی محتوا
در قسمت Content، ما تعیین می کنیم که Wine Expert از کدام صفحات تشکیل شده باشد:
  • درباره شراب؛
  • کاتالوگ شراب؛
  • تولید شراب؛
  • درباره سازندگان
برای ایجاد ساختار، ما از مجموعه ای از بلوک های پیشنهاد شده توسط App Studio استفاده می کنیم:

  1. صفحه «درباره شراب»، اگر حاوی متنی باشد در این مثال، فرمت کردن با استفاده از بلوک "HTML" راحت تر است:

    ویرایش متن در دو حالت متن و ویرایشگر HTML در دسترس است، فقط روی نماد کلیک کنید .

  2. کاتالوگ شراب بلوکی از نوع "مجموعه" است:

    داده ها در برنامه می توانند دو نوع باشند:

    • استاتیک؛
    • پویا.
    داده های استاتیک- این داده هایی است که در برنامه وجود دارد. برنامه ای با این نوع داده نیازی به اتصال اینترنت ندارد. با این حال، برای به روز رسانی داده های استاتیک، باید کل برنامه را به روز کنید.

    داده های پویا- داده های موجود در ابر اتصال اینترنت برای دسترسی به آنها لازم است، اما زمانی که این داده ها در فضای ابری به روز شوند، به طور خودکار در برنامه به روز می شوند.
    روند پر کردن هر یک از این انواع داده در App Studio یکسان است و منابع دینامیک برای نمایش مناسب است. تا زمانی که داده ها پر نشده باشند می توان نوع منبع را تغییر داد.

    صادر خواهیم کرد ساختار پایگاه دادهبرنامه ما وقتی روی دکمه «افزودن ستون‌های پیش‌فرض» کلیک می‌کنید، App Studio به‌طور خودکار فیلدهای استاندارد ذخیره‌سازی داده‌های مورد نیاز و مورد استفاده را اضافه می‌کند: عنوان، زیرنویس، ImageUrl، توضیحات.

    من فیلد Subtitle را حذف می کنم و با استفاده از دکمه "ایجاد جدید" زیرنویس خود را اضافه می کنم:

    در "ColumnType" نوع فیلد - متن را انتخاب کنید. Boolean Multiline که به رکوردهای چند خطی اجازه می دهد، در وضعیت نادرست باقی می ماند.

    این فرآیند ایجاد ساختار پایگاه داده برنامه را تکمیل می کند. و بیایید شروع به پر کردن آن کنیم.

    دکمه "تأیید" ما را به منطقه کار"محتوا"، جایی که ما تمام صفحاتی که تا کنون برنامه را تشکیل می دهند را می بینیم:

    در بلوک "Wine Catalog" روی دکمه "Edit" کلیک کنید و به حالت ویرایش این بلوک بروید:

    هنگامی که تغییرات ذخیره نشده در صفحه وجود دارد، این پیام در مرورگر ظاهر می شود. در این حالت، روی “Stay on this page” و سپس دکمه “Save” در گوشه سمت راست بالا کلیک کنید.

    مراحل را تکرار می کنیم و وارد حالت ویرایش مجموعه می شویم:

    برگه "صفحات" به شما امکان می دهد نمایش داده ها را هم در صفحه و هم هنگام انتخاب یک مورد کاتالوگ ویرایش کنید و همچنین منابع داده مربوط به فیلدهای پایگاه داده برنامه - "Bindings" را تنظیم کنید. تعداد خطوط در "Bindings" به حالت نمایش انتخاب شده بستگی دارد:

    بیایید این منابع را پیکربندی کنیم:

    و برای نمایش عنصر انتخاب شده به حالت ویرایش بروید:

    در اینجا دوباره باید منابع را پیکربندی کنید، اما بیایید به تنظیمات جدید توجه کنیم - "اضافی صفحه":

    دکمه "ذخیره" را فراموش نکنید و به برگه Data نگاه کنید:

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

    داده ها را می توان به صورت دستی اضافه کرد و هر خط را پس از ایجاد آن با استفاده از "ایجاد جدید" پر کرد. اما ما از قابلیت بارگیری داده های ساخته شده در App Studio با استفاده از فایلی با پسوند csv. "Import data" استفاده خواهیم کرد:

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

    تنها چیزی که باقی می ماند اضافه کردن تصاویر است:

    حالت پیش‌نمایش برنامه در پلتفرم ویندوز با کلیک کردن بر روی ” در دسترس است پیش نمایش ویندوز».

  3. صفحه «تولید شراب» حاوی ویدیویی از این فرآیند خواهد بود؛ در این مورد، بلوکی مانند YouTube را انتخاب کنید:

    • جستجو/کاربر/لیست پخش- نوع درخواستی که برنامه با آن فیلم ها را جستجو می کند.
    • « تولید شراب" - محتویات درخواست.
    نتیجه صفحه ای است که یک ویدیوی YouTube را برای یک عبارت جستجوی معین نشان می دهد:

  4. "درباره سازندگان" - ما این صفحه را با استفاده از بلوکی از نوع "منو" ایجاد خواهیم کرد:

    دو حالت ویرایش برای این بلوک وجود دارد:

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

    یک بلوک از نوع «Menu» می‌تواند شامل تمام بلوک‌های اصلی، مجموعه‌ها و همچنین عنصری از نوع «MenuAction» جدید باشد:

    اقدامی که این مورد پس از ویرایش مسئولیت آن را بر عهده دارد نوشتن نامه از طریق برنامه های موجود در دستگاه است:

    همچنین، تنظیمات "MenuAction" شامل اقدامات دیگری است: برقراری تماس تلفنی، رفتن به یک صفحه مشخص و غیره.

    بیایید یک شماره تلفن به صفحه «درباره سازندگان» اضافه کنیم و پر کردن برنامه با محتوا کامل شد:

طراحی و سبک اپلیکیشن

استودیوی برنامه در برگه تم ها، پیکربندی تم برنامه را پیشنهاد می کند:

  • استاندارد: تیره، پس زمینه روشن.
  • پس زمینه ترجیحی کاربر، از جمله گزینه تنظیم تصویر به عنوان "تصویر پس زمینه".
با استفاده از Custom Style، می توانید رنگ متن و نوار برنامه استاندارد برنامه را نیز سفارشی کنید:

تب Tiles ظاهر برنامه را تنظیم می کند صفحه اغازین, تصویر پس زمینهو محافظ صفحه نمایش پس زمینه:

بیایید کاشی برنامه را در صفحه شروع تنظیم کنیم:

  • الگو را برگردانیدکاشی های زنده;
  • قالب چرخه- پیمایش در مجموعه مشخص شده از برنامه؛
  • الگوی نمادین- یک تصویر از هر سه اندازه کاشی.
برای کاتالوگ شراب، الگوی Flip را انتخاب کنید و تصاویر لازم را مطابق با اندازه های مشخص شده بارگذاری کنید:

در گوشه بالا سمت چپ نیز قسمتی برای آپلود تصویر وجود دارد که در کنار نام برنامه نمایش داده می شود، آن را نیز پر کنید:

در برگه Splash&Lock، همان اقدامات را با تصاویر انجام خواهیم داد:

تغییرات را ذخیره کنید و به مرحله بعدی بروید.

راه اندازی یک برنامه برای انتشار در فروشگاه ویندوز
بیایید ببینیم که «اطلاعات انتشار» چه داده‌هایی از ما برای آماده‌سازی برای انتشار یک برنامه در فروشگاه ویندوز، علاوه بر عنوان برنامه، توضیحات برنامه و زبان قابل درک نیاز دارد:



یکی از شرایط انتشار اپلیکیشن در ویندوز استور این است که نام اپلیکیشن (App Name) قبل از انتشار در استور رزرو شود. ما نام برنامه را در مرکز توسعه رزرو می کنیم. فروشگاه "شناسه بسته" خود را به هر نام رزرو شده (ثبت شده) اختصاص می دهد. کاربر App Studio باید این اطلاعات، نام و شناسه را بداند.

برای اینکه App Studio یک بسته برنامه ویژه برای انتشار ایجاد کند، باید "مانیفست برنامه" - مانیفست برنامه را پر کنید. برای این منظور، «انتشار اطلاعات» فراهم می کند تنظیم بعدی"ارتباط برنامه با فروشگاه":

مرحله نهایی کار با برنامه
برنامه آماده است - روی "پایان" کلیک کنید:

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

عملکرد "تولید" نشان می دهد که برای کدام پلتفرم می خواهید برنامه را ایجاد کنید، Windows Phone 8.1 و Windows 8.1 را انتخاب کنید، که به شما امکان می دهد نوع جدیدی از برنامه را ایجاد کنید - جهانی:

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

بنابراین، اکنون می توانیم تمام مطالب ارائه شده توسط App Studio را برای کار با برنامه ایجاد شده دانلود کنیم.

در حال نصب برنامه بر روی دستگاه شما
برنامه ایجاد شده توسط برنامه راهنمابه لطف «بسته‌های قابل نصب» ایجاد شده، استودیو را می‌توان مستقیماً، خارج از فروشگاه ویندوز، روی دستگاه نصب کرد.

آنچه برای این مورد نیاز است:

  1. نصب گواهی بر روی دستگاه:
    • بسته نصبی ارائه شده در App Studio برای گواهی بسته به دستگاه (کامپیوتر، تبلت، تلفن) را دانلود کنید.
    • فایل را با پسوند cer اجرا کنید (هنگام نصب، Local machine را انتخاب کنید، همه گواهی ها را در فروشگاه زیر قرار دهید: Trusted Root Certification Authorities).
  2. برنامه را روی دستگاه خود نصب کنید:
    • دانلود بسته های قابل نصب؛
    • فایل Add-AppDevPackage1.ps1 را پیدا کنید، کلیک راست کرده و Run with PowerShell را اجرا کنید.

دسترسی به داده های برنامه در فضای ابری
برای افزودن، حذف یا ویرایش داده های پویا برای یک برنامه منتشر شده، باید به برنامه مربوطه در لیست داشبورد در Dev Center بروید. مجموعه را باز کنید و تمام تغییرات لازم را انجام دهید. برنامه به طور خودکار به روز می شود.
ویژگی های توسعه دهنده
App Studio با ارائه کد منبع برنامه می تواند برای یک توسعه دهنده حرفه ای مفید باشد.

همچنین می تواند برای یک توسعه دهنده راحت باشد که ساختار برنامه خود را با استفاده از این ابزار ایجاد کند و سپس از ویژوال استودیو 2013 (به روز رسانی 2) برای اصلاح آن بدون اتلاف وقت برای نوشتن عناصر اولیه استفاده کند.

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

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

برچسب ها:

  • ویندوز فون
  • پنجره ها
  • ویژوال استودیو 2013
  • فروشگاه ویترین
افزودن برچسب

سلام به همه!

آخرین پست من خیلی وقت پیش نوشته شده بود و وقت آن رسیده که این واقعیت غم انگیز را اصلاح کنم. امروز تصمیم گرفتم سری مقالات مربوط به Windows Azure را بشکنم و در مورد پلتفرم دیگری که نه کمتر جذاب از مایکروسافت است - Windows Phone صحبت کنم.

همانطور که احتمالا قبلاً می دانید، سیستم عامل برای دستگاه های تلفن همراهمایکروسافت برای مدت طولانی (از سال 2010) در بازار بوده است و امروزه یکی از موقعیت های پیشرو را به خود اختصاص داده است و در برخی کشورها حتی از نظر تعداد دستگاه های فروخته شده از iOS محبوب پیشی گرفته است. بنابراین، بسیاری از توسعه دهندگان چه در روسیه و چه در سراسر جهان در حال نوشتن برنامه های کاربردی برای این سیستم عامل با قدرت و اصلی هستند و فروش و سود عالی را در فروشگاه ویندوز گزارش می دهند.

شروع به توسعه برنامه ها برای ویندوز فون در واقع بسیار آسان است. اگر قبلاً C# می‌دانید و تجربه WPF یا Silverlight را داشته‌اید، می‌توانید بگویید که ۸۰٪ آن را می‌دانید. اطلاعات لازم. واقعیت این است که پلتفرم توسعه ویندوز فون در ابتدا مبتنی بر Silverlight بود و در نسخه WP8 با پلتفرمی تا حدودی شبیه به آن جایگزین شد، اگرچه نزدیک به WinRT بود. بنابراین اگر تا به حال برنامه‌هایی را در WPF نوشته‌اید، می‌دانید که MVVM چیست و برای چه چیزی لازم است، سپس ادامه دهید و برنامه‌های کاربردی را برای Windows Phone بنویسید.

اما اگر توسعه‌دهنده‌ای با تجربه نیستید، اما واقعاً می‌خواهید اپلیکیشن منحصربه‌فرد خود را اینجا و اکنون داشته باشید که بتوانید آن را روی گوشی خود نصب کنید و به دوستان خود نشان دهید، چه؟ در مورد این و صحبت خواهیم کرددر مقاله امروز

Windows Phone App Studio

من همیشه مایکروسافت را دوست داشتم زیرا به کاربران و توسعه دهندگان خود امکانات بسیار خوبی ارائه می دهد ابزار مناسببرای کار. و سپس در ماه اوت مایکروسافت خود را معرفی کرد سرویس جدید، که به هر کسی، حتی کسانی که اصلاً با برنامه نویسی آشنایی ندارند، اجازه می دهد برنامه خود را ایجاد کنند برنامه خودبرای ویندوز فون اسمش Windows Phone App Studio است.

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

من خودم علاقه مند شدم که این سرویس چه قابلیت هایی دارد و تصمیم گرفتم یک اپلیکیشن همراه برای پروژه کوچک خود Facts about Programming ایجاد کنم. اکنون در این مورد به تفصیل به شما خواهم گفت.

مرحله 0.1. ثبت

برای شروع استفاده از سرویس، باید حساب LiveID خود را ثبت کنید. فکر می‌کنم هیچ فایده‌ای ندارد اگر تا به حال از خدمات مایکروسافت استفاده کرده‌اید، توضیح دهید که چه چیزی است. به وب سایت App Studio بروید و روی دکمه Start Building کلیک کنید:

لاگین و رمز عبور LiveID خود را وارد کنید و به سیستم مدیریت برنامه های خود منتقل خواهید شد. اگر اولین بار است که این کار را انجام می دهید، یک لیست خالی خواهید داشت. من قبلاً برنامه prog_facts را در مجموعه خود دارم.

مرحله 0.2. انتخاب نوع برنامه

برای ایجاد اولین برنامه خود، باید آیتم منوی Create را انتخاب کنید. دو گزینه به شما ارائه می شود - یک برنامه با استفاده از یکی از قالب های موجود ایجاد کنید یا همه چیز را از ابتدا پیکربندی کنید.

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

در مورد من، تصمیم گرفتم به یک الگو تکیه نکنم، اما برنامه را از ابتدا با انتخاب آیتم منوی مناسب ایجاد کردم. یک برنامه خالی ایجاد کنید.

مرحله 1: اطلاعات برنامه

اولین و ساده‌ترین مرحله از چهار موردی که به ما قول ایجاد یک برنامه را داده‌ایم، مسئول اطلاعات مربوط به برنامه آینده است. شما باید نام آن، توضیحات مختصری را ارائه دهید و یک لوگو انتخاب کنید. لوگو باید داخل باشد فرمت PNGو اندازه 160x160 پیکسل.

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

مرحله 2. پر کردن با محتوا

هر برنامه ای که از طریق Windows Phone App Studio ایجاد می شود از بخش هایی تشکیل شده است. هر بخش مجموعه ای از صفحات است که توسط نوعی منطق به هم مرتبط شده اند. به عنوان مثال، داده هایی که می توانند در این صفحه نمایش داده شوند. بیایید یک بخش جدید ایجاد کنیم که در آن از فید RSS به عنوان منبع داده استفاده می کنیم.

در اینجا باید نام بخش آینده را تنظیم کنید، نوع منبع داده را انتخاب کنید (مجموعه، RSS، ویدیوهای یوتیوب، تصاویر فلیکر، جستجوی Bing و محتوای HTML5 موجود است) و نامی برای آن انتخاب کنید. پس از ایجاد یک بخش، به صفحه ویرایش هدایت می شویم.

صفحه ویرایش به چند بخش تقسیم می شود. در قسمت Data Source می توانید منبع داده ای را که با این بخش مرتبط است مدیریت کنید. بخش Pages شامل لیستی از تمام صفحاتی است که به بخش تعلق دارند. متوجه خواهید شد که ما به صورت پیش فرض دو صفحه ایجاد کرده ایم. اولین مورد، به نام بلاگ، صفحه اصلی بخش است که شامل ورودی های خوانده شده از فید RSS است. صفحه اطلاعات دوم به طور خودکار ایجاد شد و وظیفه نمایش جزئیات هر ورودی RSS را در زمانی که کاربر آن را از لیست انتخاب می کند، دارد. فعلاً صفحات بخش را رها می کنیم و ابتدا منبع داده را ویرایش می کنیم. (و فراموش نکنید که روی Save Changes کلیک کنید تا بخش در پروژه ذخیره شود)

مرحله 2.1. منبع اطلاعات

پس از انتخاب یک منبع داده در صفحه قبلی، به پنجره ای برای ویرایش آن هدایت می شویم. از آنجایی که ما نوع منبع RSS را انتخاب کرده‌ایم، از ما خواسته می‌شود URL را که داده‌ها از آن دریافت می‌شود، مشخص کنیم. برای این مثال، از فید RSS واقع در

به محض اینکه روی Refresh کلیک کنید و نتایج را ذخیره کنید، در صفحه اصلی برنامه در شبیه ساز بلافاصله مشاهده می کنید که داده های فیدهای RSSقبلاً در برنامه شما نمایش داده می شوند. این بسیار راحت و مفید است، زیرا می توانید بلافاصله دریابید که برنامه چگونه خواهد بود. به عنوان مثال، فید RSS من تصاویر را به پست‌ها متصل نمی‌کند، بنابراین سازنده App Studio تصاویر پیش‌فرض را جایگزین می‌کند. بیایید این را درست کنیم.

مرحله 2.2. ویرایش ظاهر یک صفحه

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

بلافاصله می توانید ببینید که چگونه برنامه تغییر کرده است. اکنون ورودی ها یکی پس از دیگری به صورت متوالی پیش می روند که ظاهر برنامه را به سبکی مینیمال می رساند. توجه به فیلدهای Item Title و Item Subtitle ارزش دارد. به جای متن ساده، اکنون عبارات نامفهومی (Data.Title) و (Data.Summary) نوشته شده است. برای کسانی که با WPF آشنا هستند، این را می توان با Data Binding مقایسه کرد. برای بقیه توضیح میدم

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

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

همه چیز در این صفحه تقریباً یکسان است. تنها چیزی که وجود دارد این است که به جای یک آبجکت Data، در اینجا از Context استفاده شده است که در اصل یکسان است.

مرحله 2.3. اضافه کردن منوها و بخش های دیگر

علاوه بر بخش‌های ساده، می‌توانید یک منو به اصطلاح به استودیوی Windows Phone App اضافه کنید. این بخشی است که شامل لیستی از پیوندها به بخش های دیگر یا سایت های خارجی است. تصمیم گرفتم یک منو به بخش های ویدیوی سایت اضافه کنم تا همیشه آن را در دسترس داشته باشید دسترسی سریعبه اطلاعات مفید. افزودن منو شبیه به یک بخش ساده است و تنظیم آن کار سختی نیست. بنابراین پیشنهاد می کنم به عنوان تکلیف درسی به این کار مسلط شوید.

مرحله 3. سبک ها

پس از تکمیل برنامه با بخش ها، صفحات و منوها، به صحبت در مورد زیبایی، یعنی سبک می رویم. در بخش 3 "پیکربندی سبک برنامه" می توانید پایه را پیکربندی کنید طرح رنگی، که در برنامه شما استفاده خواهد شد. من رنگ هایی که در وبلاگ استفاده می شود را انتخاب کردم - آبی و سفید. بنابراین، نرم افزار سبک و دلپذیر بود، اگرچه هیچ بحثی در مورد سلیقه وجود ندارد.

رنگ اکسنت براش تعیین می کند که رنگ اصلی شما چه خواهد بود. مسئول هدر برنامه است. همانطور که ممکن است حدس بزنید، برس پس زمینه، مسئول رنگ پس زمینه است. همچنین اگر فکر می‌کنید مناسب‌تر از پرکننده‌های تک رنگ است، می‌توانید عکسی را انتخاب کنید. Foreground Brush رنگ فونت هایی است که برای نمایش داده ها در برنامه شما استفاده می شود. خوب، Application Bar Brush رنگ پس زمینه نوار منو است که در پایین نمایش داده می شود.

مرحله 3.1. کاشی

کاشی ها بخشی جدایی ناپذیر از هر برنامه کاربردی برای ویندوز فون هستند. آنها می توانند برنامه شما را با اجازه دادن به کاربر برای مشاهده اطلاعات اضافی بدون باز کردن پنجره اصلی برنامه بهبود بخشند. البته، در Windows Phone App Studio نمی توانید کاشی هوشمندی ایجاد کنید که بتواند به طور مستقل ظاهر خود را به روز کند و داده های اضافی را از جایی بارگیری کند. با این حال، می‌توانید از میان چندین رفتار استاندارد با استفاده از برخی داده‌های استاتیک انتخاب کنید. به عنوان مثال، برای برنامه glamcoder، نوع کاشی Iconic Template را انتخاب کردم و توضیح مختصری از برنامه را روی آن نمایش خواهم داد:

مرحله 3.2. صفحه نمایش اسپلش و قفل

اینها تزئینات اضافی هستند که برنامه شما را زیباتر و قابل ارائه تر می کنند. تصویر Splash Screen تصویری است که در حین بارگیری برنامه به کاربر نمایش داده می شود. در آنجا، به عنوان یک قاعده، مرسوم است که لوگوی برنامه یا شرکت خود را قرار دهید تا بلافاصله برای کاربر مشخص شود که در حال حاضر از کدام برنامه استفاده می کند.

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

مرحله 4. نهایی

خب به اصل مطلب رسیدیم آخرین مرحله– ایجاد اولین برنامه ما برای ویندوز فون. بر آخرین صفحهبا نام Generate، یک گزینه ارزشمند در انتظار ما است - برای ایجاد بسته ای که بعداً می توانیم روی دستگاه خود نصب کنیم. روی دکمه بزرگ Generate app کلیک کنید و منتظر بمانید تا جادو کار کند.

پس از تکمیل نسل، پیام مربوطه و همچنین چندین گزینه برای انتخاب را مشاهده خواهید کرد. ابتدا یک ایمیل برای شما ارسال می شود که می توانید برنامه خود را از آن دانلود کنید. دوم، می توانید فایل بسته تمام شده را در رایانه خود دانلود کرده و سپس آن را در فروشگاه برنامه منتشر کنید. و گزینه سوم این است که می توانید کدهای منبع برنامه به دست آمده را برای ویرایش آنها دانلود کنید. من به شما توصیه می کنم از روش سوم استفاده کنید. در مرحله اول، این به شما انعطاف پذیری بیشتری می دهد و می توانید تغییراتی را ایجاد کنید که در Windows Phone App Studio قابل انجام نیستند. و دوم، و این مهمترین چیز است، شما می توانید به طور مستقل کد برنامه را درک کنید، نحوه کار آن را مطالعه کنید، تا دفعه بعد بتوانید همه چیز را خودتان بنویسید.

نتیجه

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

من واقعاً امیدوارم این مقاله به شما انگیزه دهد که اولین برنامه Windows Phone خود را بنویسید. و من می خواهم باور کنم که دانشی که به دست می آورید به شما کمک می کند یک اینستاگرام جدید یا انگری بردز جدید ایجاد کنید. و برای اینکه هر چه زودتر این اتفاق بیفتد، به پورتال توسعه ویندوزفون بروید، مطالب را مطالعه کنید، آموزش های ویدیویی را تماشا کنید و ایجاد کنید.

موفق باشید و برنامه های خوب برای شما!

با امروزهمه توسعه دهندگان می توانند دوباره پر کنند فروشگاه ویترین 10. اگر از این استفاده می کنید سیستم عامل، می توانید برنامه خود را برای آن ایجاد کنید. نیازی به ثبت نام به عنوان توسعه دهنده یا انتشار آن در فروشگاه ندارید، اما می توانید خودتان از آن استفاده کنید یا برای دوستان خود ارسال کنید.

چگونه برای ویندوز 10 اپلیکیشن بسازیم؟

به وب سایت بروید، به حساب مایکروسافت خود وارد شوید و با شرایط پیشنهادی موافقت کنید.

صفحه اصلی سرویس باز خواهد شد. بر روی "ویندوز 10" کلیک کنید و "Empty App W10" را از قسمت templates انتخاب کنید.

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

شما را به پانل کاراپ استودیو. در برگه "محتوا"، می توانید برنامه را با محتوای فید RSS هر سایت و سرویس های مختلف (فیس بوک، توییتر، یوتیوب، اینستاگرام، فلیکر و غیره) پر کنید. همچنین می توانید از کدهای HTML استفاده کنید.

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

در برگه «موضوعات»، می‌توانید هر یک از تم‌های آماده‌شده را انتخاب کنید یا یکی از تم‌های موجود را تغییر دهید تا به بهترین وجه با برنامه شما مطابقت داشته باشد.

در برگه «کاشی‌ها»، می‌توانید کاشی زنده برنامه را پیکربندی کنید. می توانید آیکون ها را در اندازه های مختلف آپلود کنید.

برگه "تنظیمات" آخرین برگه است. در اینجا می توانید زبان برنامه را انتخاب کنید، توضیحات اضافه کنید، پروژه را به حساب توسعه دهنده خود پیوند دهید و تبلیغات را فعال کنید.

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


هنگامی که برنامه آماده شد، روی "Generate" کلیک کنید. App Studio ایجاد خواهد کرد فایل نصبو کد منبعی را ارائه می دهد که می تواند در یک ابزار جدی تر - ویژوال استودیو باز شود.

بایگانی برنامه را در رایانه خود بارگیری کنید، آن را در یک پوشه باز کنید، اما برای راه اندازی آن عجله نکنید.

گواهی ریشه را از وب سایت مایکروسافت دانلود و نصب کنید. سپس در تنظیمات دستگاه خود به منوی Update & Security بروید و در قسمت Developer options Developer Mode را روشن کنید.


پوشه برنامه خود را در Explorer باز کنید، روی فایل Add-AppDevPackage راست کلیک کنید و سپس روی Run with PowerShell کلیک کنید. اگر برنامه بار اول نصب نشد، بار دوم را امتحان کنید، باید کار کند. پس از نصب موفقیت آمیز، در لیست تمام برنامه های نصب شده در منوی استارت ظاهر می شود. می توانید راه اندازی و استفاده کنید.

بهترین مقالات در این زمینه