آموزش ساخت بازی Snake با WPF و #C - بخش چهارم

---

---

بخش چهارم: پیاده سازی نمای گرافیکی - بخش پایانی

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

مدت زمان:     30 دقیقه

حجم:           48 مگابایت

کیفیت:         720p

فرمت:          mp4

دانلود ویدئو

دانلود فایل پروژه

---

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

آموزش ساخت بازی Snake با WPF و #C - بخش سوم

---

---

بخش سوم: پیاده سازی بدنه‌ی اصلی بازی

در این قسمت بخش اصلی بازی Snake یعنی ساختمان داده‌ها و الگوریتم‌های بازی رو پیاده سازی می‌کنم

مدت زمان:     30 دقیقه

حجم:           48 مگابایت

کیفیت:         720p

فرمت:          mp4

دانلود ویدئو

دانلود فایل پروژه

ترکیب Linq و Bind در WPF برای ساختن Live Search

حتما تابه‌حال برنامه‌های زیادی رو دیدید که وقتی عبارتی رو برای جستجو وارد می‌کنید، در همون لحظه همزمان با تایپ شما، نتایج ممکن رو نشون می‌ده. تو این پست قصد دارم با استفاده از امکانات Binding و Linq در #C و WPF این کار رو آموزش بدم.

گام اول: ایجاد TextBox و ListBox

در ابتدا لازمه که برای گرفتن ورودی از کاربر و نمایش نتایج جستجو، از یک عدد TextBox به همراه ListBox استفاده کنیم. نام TextBox را textbox قرار دهید.

گام دوم: تعیین منبع داده

با توجه به اینکه می‌خواهیم از این منبع برای ItemsSource یک ListBox استفاده کنیم، لازم است که جنس آن یک IEnumerable باشد. من در این مثال ابتدا یک کلاس Static تعریف کرده‌ام و سپس در آن یک لیست Static از چند رشته Url ساخته‌ام

---

static class MyData

    {

        public static List<string> urls = new List<string>

        {

            "cscience.blog.ir",

            "cscience.mihanblog.ir",

            "google.com",

            "bing.com",

            "microsoft.com",

            "bayan.ir",

            "yahoo.com",

            "outlook.com"

        };

    }

---

گام سوم: نوشتن مبدل رشته به لیست

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

---

class StringToLinqConverter : IValueConverter

    {

        public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)

        {

            string temp = value as string;

            return MyData.urls.Where(url => url.Contains(temp.Trim())).ToList();

        }

        public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)

        {

            throw new NotImplementedException();

        }

    }

---

گام چهارم: Bind کردن ItemSource

در نهایت کافیست ItemSource مربوط به ListBox را به مقدار Text کنترل TextBox با استفاده از مبدل مرحله قبل Bind کنیم.

---

<Window.Resources>

        <local:StringToLinqConverter x:Key="StringToLinqConverter"/>

</Window.Resources>

<ListBox ItemsSource="{Binding Text, Converter={StaticResource StringToLinqConverter}, ElementName=textBox}"/>

---

اکنون با تایپ کردن عبارت مورد نظر برای جستجو در TextBox تمامی نتایج ممکن همزمان با تایپ حروف نمایش داده می‌شوند.

آموزش ساخت بازی Snake با WPF و #C - بخش دوم

---

---

بخش دوم: پیاده‌سازی تنظیمات و کنترل سفارشی

در این قسمت پیاده‌سازی بازی رو شروع می‌کنم و دو قسمت از بازی (قسمت تنظیمات و کنترل سفارشی برای نمایش قطعات بازی) رو کامل می‌کنم.

مدت زمان:     31 دقیقه

حجم:           48.6 مگابایت

کیفیت:         720p

فرمت:          mp4

دانلود ویدئو

دانلود فایل پروژه

آموزش ساخت بازی Snake با WPF و #C - بخش اول

---

---

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

---

بخش اول: طرح بازی Snake

در این قسمت در مورد اجزا و الگوریتم بازی و اینکه چه ابزارهایی از #C و WPF استفاده خواهند شد، توضیح می‌دهم.

مدت زمان:   11 دقیقه

حجم :         15.15 مگابایت

کیفیت:       720p

فرمت:        mp4

دانلود ویدئو

دانلود اسلایدها

---

* به دلیل نامناسب بودن نوع میکروفون، کمی کیفیت صدا مناسب نیست.

استفاده از فونت دلخواه در WPF

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

یه راهش اینه که هروقت برنامه رو جای دیگه میبرین به طرف مقابل بگید "لطفا فونت(های) ... را روی سیستم خود نصب نمایید". درسته که روش ساده و کارامدیه اما "کاربر پسند" نیست. کاربر دوست داره فقط رو فایل اجرای برنامه کلیک کنه و برنامه راحت و روون اجرا بشه.

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

توضیحات روش در ادامه‌ی مطلب.