Ramtin

آموزش دیتابیس در Xamarin Forms

1 ارسال در این موضوع قرار دارد

 

 

سلام به وین نویسی های عزیز،

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

 

 

sc4.pngsc5.png

sc6.png

این آموزش بر پایه دیتابیس آماده، درون پروژه می باشد.

برای این آموزش نیاز هست که کتابخانه Sqlite-net-pcl رو در هر سه پروژه iOS,Android و UWP نصب کنید.

نکته: همیشه ویژوال استودیو را با Run as Administrator باز کنید تا مشکلی برای شما در حین ساخت پروژه، بروز رسانی کتابخانه ها و... پیش نیاید.

 

پروژه ای جدید از نوع Cross Platform App به نام WN XF Database ایجاد نمایید.

(نکته: من اینجا اشتباها اومدم توی پوشه ی پروژه های ویژوال استودیو این پروژه رو ایجاد کردم. در اولین نگاه شاید بگید که این که اشکالی نداره، اما وقتی کار کنید میبیند که در پروژه اندروید هر کلاسی که اضافه میشه، عملا رنگ نوشته هاش سفید هست و کار نمیکنه که این به دلیل زیاد شدن آدرس پروژه هست، برای همین بهتر هست همیشه توی پوشه روت درایو هاتون پروژه ها رو بسازید یا حداقل درون یک پوشه درون پوشه روت درایو هاتون ایجاد کنید. من بعد از ساخت پروژه اون رو کات کردم توی درایو G پوشه Sources در کامپیوترم که این مشکل پیش نیاد.)

clip_image002.jpg

در پنجره بعدی همانند تصویر عمل کنید، یعنی Template از نوع Blank App و UI technology از نوع Xamarin.Forms و Code Sharing strategy از نوع Shared باشه.

clip_image004.jpg

سپس روی OK کلیک کنید، بعد از این از شما می خواد برای پروژه UWP نسخه SDK تعریف کنید که من 14393 که نسخه سالگرد هست رو انتخاب کردم.

پس از ساخت پروژه، پنجره هایی که مربوط به IOS باز شدن رو ببندید.

نکته: اگه با ناگت مشکل دارید، یعنی نمی توانید کتابخانه دانلود کنید، نرم افزار Fiddler4 رو دانلود و نصب کنید. پس از نصب آنرا باز کنید و روی WinConfig کلیک کنید، چنانچه از شما پیاپی سوال پرسیده شد، روی YES کلیک کنید تا پنجره ی دیگری برایتان باز شود. در پنجره باز شده روی Exempt all کلیک کنید و روی Save changes کلیک کنید و این پنجره را ببنید. از این پس هر زمانی که میخواهید از ناگت پکیج منیجر استفاده کنید، فقط برنامه Fiddler4 رو باز کنید.

 

روی راه حل (Solution) راست کلیک کنید و روی Manage Nuget Packages for solution را انتخاب کنید.

clip_image006.jpg

به تب Updates برید و در ابتدا Xamarin.Forms را بروز رسانی کنید، گزینه Xamarin.Forms را تیک بزنید و روی Update کلیک کنید.

 

clip_image008.jpg

 

چنانچه بعد از نصب این قسمت زرد رنگ را دیدید روی Restart کلیک کنید تا ویژوال استودیو ریستارت شود. بعد از ریستارت بصورت خودکار پروژه شما بارگذاری خواهد شد.

clip_image010.jpg

پس از باز شدن، دوباره به Nuget package manager را باز کنید و در تب Updates همه ی گزینه ها را تیک بزنید و روی Update کلیک کنید تا باقی کتابخانه ها هم بروز رسانی شوند.

حال با تب Browse بروید و در قسمت Search این متن را تایپ کنید و اینتر بزنید: sqlite-net-pcl

نکته: نسخه های متفاوتی از Sqlite در ناگت وجود دارد اما ما فقط و فقط این نسخه را می خواهیم:

clip_image012.jpg

این کتابخانه را نصب کنید.

نکته: این نسخه توسط Frank a Krueger ساخته شده و تنها نسخه ای هست که اندروید 7 به بالا بدون باگ اجرا میشود.

نکته: حتما چک کنید و ببینید که این کتابخانه ها (SQLitePCLRaw) هم خودکار با این پکیج نصب شده باشند، اگر نصب نبودند حتما آنها را خودتان نصب کنید:(البته این عکس مربوط به References پروژه اندروید است. در UWP اینطوری نیست.)

clip_image014.gif

حال وقت آن است که دیتابیس را به پروژه اضافه کنیم، من از دیتابیسی که قبلا درون آموزش ساخت کتاب برای ویندوزفون 8.1 ساخته بودم اینجا استفاده کردم.

کپی کردن دیتابیس در پروژه UWP.

clip_image016.gif

 

دیتابیس را درون روت پروژه UWP کپی کنید سپس روی آن راست کلیک کرده و روی Properties کلیک کنید. Build Action را روی Content قرار دهید و گزینه Copy to output directory را Copy Always قرار دهید

clip_image018.gif

کپی کردن دیتابیس درون پروژه IOS

برای اضافه کردن فایل، باید آنها را در پوشه Resources پروژه IOS اضافه کنید.

clip_image020.gif

روی دیتابیس راست کلیک کنید و روی Properties کلیک کنید. حتما بررسی کنید که Build Action روی BundleResource و Copy to output روی Copy Always باشد:

clip_image022.gif

 

کپی کردن دیتابیس در پروژه Android

در اندروید اضافه کردن فایل به پروژه بسیار جالب است. برای اضافه کردن فایل، ابتدا پوشه ای به نام Raw درون پوشه Resources ایجاد کنید و دیتابیس را درون آن اضافه کنید.

clip_image024.gif

روی دیتابیس راست کلیک کرده و Properties را انتخاب کنید و گزینه Build Action را روی AndroidResource و گزینه Copy to output را روی Copy Always قرار دهید.

clip_image026.gif

حالا چرا جالبه؟ الان بعد از اضافه کردن فایل به پوشه Raw که ایجاد کردیم، درون پروژه اندروید یک کلاس ایجاد به همین نام ایجاد شد و یک آیدی(شناسه) از نوع Integer برای این فایل ایجاد شد. مثلا برای دسترسی به این فایل درون پروژه اندروید بدین صورت عمل می کنیم: Resources.Raw.myBookDatabase

 

حال شاید برایتان سوال پیش آید که چگونه قرار است این فایل ها را بخوانیم؟! ما باید در پروژه Shared یک اینترفیس interface ایجاد کنید و در هر پروژه به صورت جداگانه دیتابیس را بخوانیم. اینکار را ساخت Dependency می گویند.

خب درون پروژه Shared ( پروژه اول درون Solution)، یک کلاس به نام IDatabaseService ایجاد نمایید:

clip_image028.gif

فضای نامی SQlite را به قسمت مربوطه اضافه کنید:

using SQLite;

خب حالا در تعریف کلاس، به جای کلمه class کلمه public interface را بنویسید.

الان کدهای زیر را بنویسید:

    public interface IDatabaseService

    {

        SQLiteConnection GetConnection(string fileName);

 

        void CopyDatabaseToLocal(string fileName);

    }

خب برای اونهایی که تا حالا با اینترفیس ها کار نکردن، ما اینجا یک تابع بازگشتی به نام GetConnection تعریف کردیم که SQLiteConnection رو باز گردانی خواهد کرد. تابع بعدی، تابع کپی کردن دیتابیس خواهد بود. ما در هر سه پروژه پلتفرم سه کلاس ایجاد خواهیم کرد که از این اینترفیس مشتق میشود.

یک کلاس دیگر درون پروژه Shared به نام Extensions ایجاد کنید. این کلاس به صورت static خواهد بود و در واقع یک نوع Extension نویسی برای Exception ها است که قرار است ایجاد کنیم:

    static class Extensions

    {

        public static string Exception(this Exception ex, string starts)

        {

            var content = $"{starts} ex: {ex.Message}\r\nSource: {ex.Source}" +

                $"\r\nTrace: {ex.StackTrace}";

            Output(content);

            return content;

        }

 

        public static void Output(object obj)

        {

            System.Diagnostics.Debug.WriteLine(Convert.ToString(obj));

        }

    }

تابع اول یک Extension است، تابع را در یک Exception که در try...catch قرار دارد فرا بخوانیم، اگر کد ما استثنا داد، خطا را در پنجره Output ویژوال نمایش خواهد داد(فقط در حالتی که پروژه روی Debug باشد.)

 

خب در پروژه UWP یک کلاس به نام DatabaseService_UWP ایجاد کنید.

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

using System;

using SQLite;

using Windows.Storage;

using System.IO;

using Xamarin.Forms;

using Windows.ApplicationModel;

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

clip_image030.jpg

 

تکه کد زیر را پاک کنید:

throw new NotImplementedException();

حال کدهای زیر را درون تابع CopyDatabaseToLocal بنویسید:


        public async void CopyDatabaseToLocal(string fileName)

        {

            try

            {

                StorageFile storageFile = await ApplicationData.Current.LocalFolder.GetFileAsync(fileName);

                // injori faghat yebar file ro copy mikonim tuye local folder

                storageFile = null;

                return;

            }

            catch { }

            StorageFile databaseFile = await Package.Current.InstalledLocation.GetFileAsync(fileName);

            await databaseFile.CopyAsync(ApplicationData.Current.LocalFolder);

        }

دیتابیس درون پروژه را به LocalFolder کپی می کنیم.

نکته: درون try...catch خط آخر return نوشتیم، اینطوری زمانی که هر بار برنامه باز می شود، اگر فایل دیتابیس درون LocalFolder موجود بود، آنرا کپی نخواهد کرد. این کار برای زمانی است که کاربر بخواهد دیتابیس را بروز رسانی کند و یا آیتمی به آن اضافه کند، اینطوری دیتابیس هر بار ریست نخواهد شد.

 

حال تابع بازگشتی GetConnection را بنویسید:

        public SQLiteConnection GetConnection(string fileName)

        {

            try

            {

                var path = Path.Combine(ApplicationData.Current.LocalFolder.Path, fileName);

                var connection = new SQLiteConnection(path);

                return connection;

            }

            catch (Exception ex) { ex.Exception("DatabaseService_UWP"); }

            return null;

        }

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

خب الان باید تعیین کنیم که این کلاس یک Dependency می باشد. برای اینکار، بالای فضای نامی کد زیر را بنویسید:

[assembly: Dependency(typeof(WN_XF_Database.UWP.DatabaseService_UWP))]

یعنی اینطوری:


[assembly: Dependency(typeof(WN_XF_Database.UWP.DatabaseService_UWP))]

namespace WN_XF_Database.UWP

{

    public class DatabaseService_UWP : IDatabaseService

 

حال درون پروژه IOS نیز یک کلاس به نام DatabaseService_IOS ایجاد نمایید. فضاهای نامی زیر را به قسمت مربوطه ی آن اضافه کنید:

using SQLite;

using System;

using System.IO;

using Xamarin.Forms;

 

و کلاس آن:

[assembly: Dependency(typeof(WN_XF_Database.iOS.DatabaseService_IOS))]

namespace WN_XF_Database.iOS

{

    public class DatabaseService_IOS :IDatabaseService

    {

        public SQLiteConnection GetConnection(string fileName)

        {

            try

            {

                var documentsPath = Environment.GetFolderPath(Environment.SpecialFolder.MyDocuments);

                var libraryPath = Path.Combine(documentsPath, "..", "Library");

                var path = Path.Combine(libraryPath, fileName);

 

                var connection = new SQLiteConnection(path);

 

                return connection;

 

            }

            catch (Exception ex) { ex.Exception("DatabaseService_IOS"); }

            return null;

        }

 

 

        public void CopyDatabaseToLocal(string fileName)

        {

            try

            {

                var documentsPath = Environment.GetFolderPath(Environment.SpecialFolder.MyDocuments);

                var libraryPath = Path.Combine(documentsPath, "..", "Library");

                var path = Path.Combine(libraryPath, fileName);

                if (!File.Exists(path))

                {

                    // daryafte db az masire nasb shodeye barname

                    using (var sourceStream = File.Open("./" + fileName, FileMode.Open, FileAccess.Read))

                    {

                        FileStream writeStream = new FileStream(path, FileMode.OpenOrCreate, FileAccess.Write);

                        ReadWriteStream(sourceStream, writeStream);

                    }

                }

            }

            catch (Exception ex) { ex.Exception("DatabaseService_IOS.CopyDatabaseToLocal"); }

        }

 

        private void ReadWriteStream(Stream readStream, Stream writeStream)

        {

            try

            {

                int Length = 256;

                Byte[] buffer = new Byte[Length];

                int bytesRead = readStream.Read(buffer, 0, Length);

 

                while (bytesRead > 0)

                {

                    writeStream.Write(buffer, 0, bytesRead);

                    bytesRead = readStream.Read(buffer, 0, Length);

                }

                readStream.Close();

                writeStream.Close();

            }

            catch (Exception ex) { ex.Exception("DatabaseService_IOS.ReadWriteStream"); }

        }

    }

}

خب کپی کردن دیتابیس از پوشه ی نصبی برنامه پوشه MyDocuments کمی در IOS و اندروید نسبت به UWP فرق داره، همانطور که در بالا می بینید یک تابع private هم برای کپی کردن آن نوشتیم.

 

در پروژه اندروید هم کلاسی به نام DatabaseService_Android ایجاد نمایید. فضاهای نامی مورد نیاز:

using SQLite;

using System;

using System.IO;

using System.Threading.Tasks;

using Xamarin.Forms;

کلاس مورد نظر:


[assembly: Dependency(typeof(WN_XF_Database.Droid.DatabaseService_Android))]

namespace WN_XF_Database.Droid

{

    public class DatabaseService_Android : IDatabaseService

    {

        public SQLiteConnection GetConnection(string fileName)

        {

       

            try

            {

                var documentspath = Environment.GetFolderPath(Environment.SpecialFolder.MyDocuments);

                var path = Path.Combine(documentspath, fileName);

                var connection = new SQLiteConnection(path);

                return connection;

 

            }

            catch (Exception ex) { ex.Exception("DatabaseService_Android"); }

            return null;

        }

 

 

        public async void CopyDatabaseToLocal(string fileName)

        {

            try

            {

                var documentspath = Environment.GetFolderPath(Environment.SpecialFolder.MyDocuments);

                var path = Path.Combine(documentspath, fileName);

                if (!File.Exists(path))

                {

                   

                    var s = Android.App.Application.Context.Resources.OpenRawResource(Resource.Raw.myBookDatabase);

                    FileStream writeStream = new FileStream(path, FileMode.OpenOrCreate, FileAccess.Write);

                    ReadWriteStream(s, writeStream);

                }

                await Task.Delay(1);

            }

            catch (Exception ex) { ex.Exception("DatabaseService_Android.CopyDatabaseToLocal"); }

 

        }

        private void ReadWriteStream(Stream readStream, Stream writeStream)

        {

            try

            {

                int Length = 256;

                Byte[] buffer = new Byte[Length];

                int bytesRead = readStream.Read(buffer, 0, Length);

 

                while (bytesRead > 0)

                {

                    writeStream.Write(buffer, 0, bytesRead);

                    bytesRead = readStream.Read(buffer, 0, Length);

                }

                readStream.Close();

                writeStream.Close();

            }

            catch (Exception ex) { ex.Exception("DatabaseService_Android.ReadWriteStream"); }

        }

 

    }

}

 

خب حالا کلاس ها را ذخیره کنید و همه ی آنها را ببندید.

در پروژه Shared یک کلاس به نام Dastan ایجاد کنید. این کلاس در اصل مدل دیتابیسی که من در SQLite ساختم، می باشد. فضای نامی مورد نیاز:

using SQLite;

کلاس داستان:

    public class Dastan

    {

        [PrimaryKey, AutoIncrement]

        public int Id { get; set; }

        public string Name { get; set; }

        public string Story { get; set; }

        public override string ToString()

        {

            return Name.ToString();

        }

    }

جدول من دارای سه ستون می باشد. Id برای شناسه، Name برای نام داستان و Story برای متن داستان.

 

کلاس App.xaml.cs را باز کنید. رشته زیر را به صورت constant ایجاد کنید. این رشته نام فایل دیتابیس ما می باشد. چرا constant؟ زیرا نمی خواهیم به اشتباه آنرا تغییر دهیم. (این مقدار فقط readonly یعنی "فقط خواندنی" در نظر گرفته میشود.)

        public const string DBName = "myBookDatabase.db3";

خب تابع CopyDb را در این کلاس بنویسید:

        private void CopyDb()

        {

            try

            {

                DependencyService.Get<IDatabaseService>().CopyDatabaseToLocal(DBName);

            }

            catch (Exception ex) { ex.Exception("App.CopyDb"); }

        }

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

کار تابع Get در DependencyService اینه که یک مقدار از نوع T میگیره(T می تونه هر کلاسی باشه) و با در پلتفرم های مختلف کدی که ما ایجاد کردیم رو صدا میزنه.

برای مثال اگر ما پروژه UWP را Deploy کنیم، زمانی که به این کد میرسه، DependencyService میاد interfaceـی که ما به نام IDatabaseService ساختیم رو صدا میزنه، این اینترفیس بصورت عادی هیچی نیست اما چون ما کلاس هایی در سه پلتفرم ایجاد کردیم که هم از این اینترفیس مشتق شده بودند و هم به عنوان Dependency اون ها تعریف کرده بودیم، میاد برای هر پروژه اون کلاس مورد نظر در پلتفرم مورد نظر رو صدا میزنه. که در اینجا تابع CopyDatabaseToLocal را فرا میخونه و کار Copy کردن دیتابیس از فولدر نصب شده برنامه به پوشه MyDocuments رو انجام میده.

به عبارتی Dependency بصورت خودکار هنگام اجرای این کد میاد اون کدی که ما در پروژه پلتفرمی خاص ایجاد کردیم رو پیدا می کنه و اون رو فرا می خونه.

 

خب حالا درون constructorـه App بعد از فرا خوانیِ InitializeComponent کد زیر را قرار دهید:

            CopyDb();

یعنی:


              public App ()

              {

                     InitializeComponent();

 

            CopyDb();

حالا خط بعدی یعنی MainPage =... را به صورت زیر بنویسید:

            MainPage = new NavigationPage(new MainPage());

چرا NavigationPage؟ زیرا می خواهیم صفحه های جداگانه بسازیم و آنها را باز کنیم.

این کلاس را ذخیره کرده و آنرا ببندید.

کلاس دیگر در پروژه Shared به نام DatabaseHelper ایجاد نمایید. فضاهای مورد نیاز:

using SQLite;

using System;

using System.Collections.Generic;

using System.Linq;

using Xamarin.Forms;

کلاس مورد نظر:

    public class DatabaseHelper

    {

        SQLiteConnection con;

        public DatabaseHelper()

        {

            try

            {

                con = DependencyService.Get<IDatabaseService>().GetConnection(App.DBName);

            }

            catch (Exception ex) { ex.Exception("DatabaseHelper"); }

        }

        /// <summary>

        /// Gereftane kole database be sorate liste

        /// </summary>

        /// <returns>Liste db ro barmigardone</returns>

        public IEnumerable<Dastan> Items()

        {

            return (from t in con.Table<Dastan>() select t).ToList();

        }

 

        /// <summary>

        /// Gereftane yek dastan

        /// </summary>

        /// <param name="id">id e dastane morede nazar</param>

        /// <returns>dastan ro barmigardone</returns>

        public Dastan GetItem(int id)

        {

            return con.Table<Dastan>().FirstOrDefault(t => t.Id == id);

        }

 

        /// <summary>

        /// Hazfe yek dastan

        /// </summary>

        /// <param name="id">id e dastan</param>

        public void DeleteItem(int id)

        {

            con.Delete<Dastan>(id);

        }

 

        /// <summary>

        /// Ezafe kardane dastan

        /// </summary>

        /// <param name="dastan">dastan</param>

        public void AddItem(Dastan dastan)

        {

            con.Insert(dastan);

        }

 

        /// <summary>

        /// Beroz rasanie dastan

        /// </summary>

        /// <param name="dastan">dastan</param>

        public void UpdateItem(Dastan dastan)

        {

            con.Update(dastan);

        }

    }

فکر نکنم کدها گنگ باشن. فقط در constructor اومدیم با استفاده از DependencyService تابع GetConnection رو صدا زدیم تا SQLiteConnection فرا خوانده بشه.

حال کلاس را ذخیره کرده و آنرا ببندید.

 

صفحه طراحی MainPage را باز نمایید و کدهای زیر را بنویسید:

<?xml version="1.0" encoding="utf-8" ?>

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"

             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"

             xmlns:local="clr-namespace:WN_XF_Database"

             x:Class="WN_XF_Database.MainPage" Title="WN Db Sample">

    <StackLayout>

        <Label Text="Name" Margin="2"/>

        <Entry x:Name="txtName" Placeholder="Enter story name"/>

        <Label Text="Story" Margin="2"/>

        <Editor x:Name="txtStory" HeightRequest="300"/>

        <Button x:Name="btnAdd" Text="Add" Clicked="btnAdd_Clicked"/>

        <Button x:Name="btnShow" Text="Show items" Clicked="btnShow_Clicked"/>

    </StackLayout>

</ContentPage>

صفحه را ذخیره کنید، سپس قسمت کدنویسی این صفحه را باز کنید و کدهای دو تابع رویدادهای آن را بنویسید:

        private void btnAdd_Clicked(object sender, EventArgs e)

        {

            var dastan = new Dastan();

            var db = new DatabaseHelper();

            dastan.Name = txtName.Text;

            dastan.Story = txtStory.Text;

            db.AddItem(dastan);

        }

 

        private void btnShow_Clicked(object sender, EventArgs e)

        {

            Navigation.PushModalAsync(new StoriesPage());

        }

تابع رویداد btnAdd_Clicked برای اضافه کردن داستان جدید به دیتابیس است.

تابع btnShow_Clicked هم برای باز کردن صفحه ی داستان ها می باشد. StoriesPage صفحه ی ما برای نمایش عناوین داستان ها می باشد.

برای ایجاد صفحه ی جدید، روی پروژه Shared راست کلیک کنید و گزینه Add new item را انتخاب کنید. در پنجره ی باز شده، Content Page را انتخاب کنید و نام آنرا StoriesPage قرار دهید.

نکته: دو نوع ContentPage وجود دارد، یکی به اسم ContentPage و دیگری به نام ContentPage C# می باشد. نوع اول را انتخاب کنید(اسم بدون C#):

clip_image032.jpg

کدهای XAML این صفحه را بیاورید و کدهای زیر را درون آن بنویسید:

<?xml version="1.0" encoding="utf-8" ?>

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"

             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"

             x:Class="WN_XF_Database.StoriesPage" Title="Stories">

    <ListView x:Name="StoryListView" SeparatorVisibility="Default">

        <ListView.ItemTemplate>

            <DataTemplate>

                <ViewCell>

                    <Grid HeightRequest="60">

                        <Grid.GestureRecognizers>

                            <TapGestureRecognizer x:Name="ItemTap" Tapped="ItemTap_Tapped" NumberOfTapsRequired="1"/>

                        </Grid.GestureRecognizers>

                        <Label Text="{Binding Name}" TextColor="Black" VerticalOptions="CenterAndExpand" HorizontalOptions="End" Margin="5"/>

                    </Grid>

                </ViewCell>

            </DataTemplate>

        </ListView.ItemTemplate>

    </ListView>

</ContentPage>

صفحه را ذخیره کرده و صفحه کدنویسی آنرا باز کنید. فضاهای نامی مورد نیاز:

 

using System;
using System.Linq;
using Xamarin.Forms;
using Xamarin.Forms.Xaml;

تابع بازنویسی شده OnAppearing را بنویسید. این تابع در اصل همان تابع Loaded در پروژه های یونیورسال میباشد!

        protected override void OnAppearing()

        {

            base.OnAppearing();

            var db = new DatabaseHelper();

            var list = db.Items();

            Extensions.Output("Story count: " + list.Count());

            StoryListView.ItemsSource = list;

        }

آیتم های دیتابیس را به ItemsSourceـه ListView بایند می کنیم.

تابع Tapped را برای آیتم ها می نویسیم:

        private void ItemTap_Tapped(object sender, EventArgs e)

        {

            try

            {

                var grid = sender as Grid;

                if (grid == null)

                    return;

                var dastan = grid.BindingContext as Dastan;

                if (dastan == null)

                    return;

                Navigation.PushModalAsync(new ShowStoryPage(dastan));

            }

            catch (Exception ex)

            {

                ex.Exception("ItemTapped");

            }

        }

چون ما این تابع را برای Grid ساختیم پس sender را Cast می کنیم به Grid سپس BindingContext یا همان مدل بایندینگ را از نوع داستان Cast می کنیم. در آخر صفحه ShowStoryPage را باز می کنیم و اطلاعات را درون Constructor آن میفرستیم.

صفحه ای جدید از نوع Content Page درون پروژه Shared ایجاد کنید و نام آنرا ShowStoryPage بگذارید. درون قسمت طراحی این صفحه کدهای زیر را بنویسید:

<?xml version="1.0" encoding="utf-8" ?>

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"

             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"

             x:Class="WN_XF_Database.ShowStoryPage" Title="Show story">

    <ContentPage.Content>

        <StackLayout>

            <Label x:Name="txtName" TextColor="Black" HorizontalOptions="End" Font="15" Margin="5"/>

            <ScrollView>

                <Label x:Name="txtStory" TextColor="Black" HorizontalOptions="End" HorizontalTextAlignment="End" Margin="10"/>

            </ScrollView>

        </StackLayout>

    </ContentPage.Content>

</ContentPage>

صفحه را ذخیره کرده و قسمت کدنویسی آنرا باز کنید.

در بالای constructor خط زیر را بنویسید:

        public Dastan CurrentDastan;

یک کپی از تابع constructor بگیرید و یک پارامتر ورودی از نوع Dastan به آن اضافه کنید. یعنی:

              public ShowStoryPage ()

              {

                     InitializeComponent ();

              }

 

        public ShowStoryPage(Dastan dastan)

        {

            InitializeComponent();

            CurrentDastan = dastan;

        }

حال تابع بازنویسی شده OnAppearing را بنویسید تا اطلاعاتی که بارگذاری شده، را به تکست ها اضافه کنیم:

        protected override void OnAppearing()

        {

            base.OnAppearing();

            if (CurrentDastan != null)

            {

                txtName.Text = CurrentDastan.Name;

                txtStory.Text = CurrentDastan.Story;

            }

        }

به همین راحتی!

دانلود سورس کد نمونه

منبع: وین نویس

 

 

پسند شده توسط 3 کاربر

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر


برای ارسال دیدگاه یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید دیدگاهی ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در سایت ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری