استايل يك اپليكيشن Cross-platform در زامارين

Style یک اپلیکیشن Cross-platform Xamarin.Forms

درVisual Studio 2019

دانلودsample

در این بخش شما یاد میگیرید چگونه:

• یک اپلیکیشن Xamarin.Forms Cross-platformرا با استفاده از XAML styles ، style دهی کنید. اپلیکیشن نهایی به شکل زیر خواهد بود :
  
  
• دیتا را به صورت Local در یک دیتا بیس SQLite.NET ذخیره کنید.

این quickstart به شما کمک میکند داده ها را در دیتابیس local SQLite.NET ذخیره کنید. اپلیکیشن نهایی به شکل زیر خواهد بود:

پیش نیاز ها:

شما باید بخش های قبلی را با موفقیت به پایان رسانده باشید و یا اینکه از sample بخش قبل برای شروع این بخش استفاده کنید.

آپدیت اپلیکیشن با Visual Studio

１. Visual Studio را باز کنید و سپس Notes solution را باز کنید.

２. در Solution Explorer، در پروژه Notes، بر App.xaml دابل کلیک کنید تا باز شود و سپس کد های موجود را حذف کنید و کد زیر را جایگزین کنید:

    
    
        
    
            20
    
            
            AliceBlue
            #1976D2
            White
    
            
            
    
            
    
        
    

این کد مقدار Thickness ، تعدادی مقادیر Color، style ضمنی NavigationPage و ContentPage. توجه کنید که این style ها ، که در ResourceDictionary application-level هستند، میتوانند در اپلیکیشن استفاده شوند. برای اطلاعات بیشتر درباره style ها به Styling در بررسی عمیق مراجعه کنید. تغییرات را ذخیره کنید و از فایل خارج شوید.

３. در Solution Explorer، درپروژه Notes، بر NotesPage.xaml دابل کلیک کنید تا باز شود و سپس کد های موجود را حذف کنید و با کد زیر جایگزین کنید:

این کد style های ضمنی ListView را به page-level ResourceDictionary اضافه میکند و مقدار ListView.Margin را، مقدار تعیین شده در application-level ResourceDictionary قرار میدهد. توجه کنید که style ضمنی listView به ResourceDictionary Page-Level اضافه شده است زیرا که این مقدار تنها توسط NotesPage استفاده میشود. برای اطلاعات بیشتر درباره XAML styling به Styling در بررسی عمیق مراجعه کنید.

تغییرات را ذخیره کنید و از فایل خارج شوید.

４. در Solution Explorer در پروژه Notes، بر روی NoteEntryPage.xaml دابل کلیک کنید تا باز شود. کد های موجود را حذف کنید و کد زیر را جایگزین کنید:

این کد style ضمنی Editor و Button را page-level ResourceDictionary مشخص میکند و مقدار StackLayout.Margin را مقدار تعیین شده در application-level ResourceDictionary قرار میدهد. توجه کنید که style ضمنی Editor و Button در page-level ResourceDictionary اضافه شده است زیرا که این مقادیر تنها در NoteEntryPage استفاده میشوند. برای اطاعات بیشتر درباره XAML styling به Styling در بررسی عمیق مراجعه کنید. تغییرات را ذخیره کنید و از فایل خارج شوید.

５. پروژه را در پلتفرم های مختلف Build و Run کنید. برای اطلاعات بیشتر در این زمینه به بخش های قبل مراجعه کنید.

در NotesPage ، دکمه + را بزنید تا به صفحه NoteEntryPage منتقل شوید و یک یادداشت وارد کنید. در هر صفحه توجه کنید که style از بخش های قبل متفاوت است.

برای Visual Studio for Mac

دانلودsample

در این بخش شما یاد میگیرید چگونه:

• یک اپلیکیشن Xamarin.Forms Cross-platformرا با استفاده از XAML styles ، style دهی کنید. اپلیکیشن نهایی به شکل زیر خواهد بود :
  
  
• دیتا را به صورت Local در یک دیتا بیس SQLite.NET ذخیره کنید.

پیش نیاز ها:

شما باید بخش های قبلی را با موفقیت به پایان رسانده باشید و یا اینکه از sample بخش قبل برای شروع این بخش استفاده کنید.

آپدیت اپلیکیشن با for Mac Visual Studio

１. Visual Studio for Mac را باز کنید و سپس پروژه Notes را باز کنید.

２. در Solution Pad، در پروژه Notes، بر App.xaml دابل کلیک کنید تا باز شود و سپس کد های موجود را حذف کنید و کد زیر را جایگزین کنید:

    
    
        
    
            20
    
            
            AliceBlue
            #1976D2
            White
    
            
            
    
            
    
        
    

این کد مقدار Thickness ، تعدادی مقادیر Color، style ضمنی NavigationPage و ContentPage. توجه کنید که این style ها ، که در ResourceDictionary application-level هستند، میتوانند در اپلیکیشن استفاده شوند. برای اطلاعات بیشتر درباره style ها بهStyling در بررسی عمیق مراجعه کنید. تغییرات را ذخیره کنید و از فایل خارج شوید.

３. در Solution Pad ، در پروژه Notes، بر NotesPage.xamlدابل کلیک کنید تا باز شود. سپس کد های موجود را حذف کنید و کد زیر را جایگزین کنید:

این کد style های ضمنی ListView را به page-level ResourceDictionary اضافه میکند و مقدار ListView.Margin را، مقدار تعیین شده در application-level ResourceDictionary قرار میدهد. توجه کنید که style ضمنی listView به ResourceDictionary Page-Level اضافه شده است زیرا که این مقدار تنها توسط NotesPage استفاده میشود. برای اطلاعات بیشتر درباره XAML styling به Styling در بررسی عمیق مراجعه کنید. تغییرات را ذخیره کنید و از فایل خارج شوید.

４. در Solution Pad، در پروژه Notes، بر NotesEntryPage.xaml دابل کلیک کنید تا باز شود. سپس کد های موجود را حذف کنید و کد زیر را جایگزین کنید:

این کد style ضمنی Editor و Button را page-level ResourceDictionary مشخص میکند و مقدار StackLayout.Margin را مقدار تعیین شده در application-level ResourceDictionary قرار میدهد. توجه کنید که style ضمنی Editor و Button در page-level ResourceDictionary اضافه شده است زیرا که این مقادیر تنها در NoteEntryPage استفاده میشوند. برای اطاعات بیشتر درباره XAML styling به Styling در بررسی عمیق مراجعه کنید. تغییرات را ذخیره کنید و از فایل خارج شوید.

５. پروژه را در پلتفرم های مختلف Build و Run کنید. برای اطلاعات بیشتر در این زمینه به بخش های قبل مراجعه کنید.

در NotesPage ، دکمه + را بزنید تا به صفحه NoteEntryPage منتقل شوید و یک یادداشت وارد کنید. در هر صفحه توجه کنید که style از بخش های قبل متفاوت است.