ایجاد Page Navigation در Xamarin

سه شنبه 23 آذر 1395

در این مقاله، نحوه ی حرکت از یک صفحه به صفحه ای دیگر در یک برنامه Xamarin را خواهیم آموخت. برای ساخت این برنامه، نیاز به استفاده از Visual Studio 2015 خواهید داشت.

ایجاد Page Navigation در Xamarin

گام1- از مسیر File--> New--> Project یک پروژه جدید ایجاد کنید .

گام 2- سپس یک Blank App انتخاب کنید، برای برنامه خودتان ، یک نام و محل ذخیره سازی دلخواه انتخاب کنید.

گام 3 سپس به مسیر Resource-->Layout بروید و در فایل main.axml همه کدهای مربوط به دکمه را پاک کنید. سپس به فایل MainActivity.cs بروید و کدهای مربوط به دکمه را از این محل، نیز پاک کنید. 

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

گام 5 حالا همان طور که در تصویر زیر می بینید، باید id و همچنین متن موجود در دکمه را تغییر بدهید.

گام 6 در این مرحله به صفحه ی Main.axml بروید، باید کدهای زیر را در این صفحه مشاهده کنید.

    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent" android:minWidth="25px" android:minHeight="25px">  
        <Button android:text="Second Page" android:layout_width="match_parent" android:layout_height="wrap_content" android:id="@+id/second" /> </LinearLayout>  

گام 7 در این مرحله، یک layout به برنامه اضافه می کنیم و نام آن را Second.axml می گذاریم. برای این کار، به مسیر Solution Explorer-->Resource-->Layout-->Right click-->Add-->New Item بروید.

گام 8 گزینه ی Android Layout را انتخاب کنید و یک نام برای آن در نظر بگیرید.

گام 9 در این مرحله به صفحه ی Second.axml بروید و کدهای زیر را در آن وارد نمایید. 

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent">  
    <Button android:text="First Page" android:layout_width="match_parent" android:layout_height="wrap_content" android:id="@+id/First" />

گام 10

حالا به مسیر Solution Explorer-->Your app-->Right click-->Add-->New Item  بروید زیرا می خواهیم یک Activity دیگر به نام second.cs به برنامه مان اضافه کنیم. 

گام 11 در پنجره ای که ظاهر می شود، گزینه ی Activity  را انتخاب کنید و نام آن را second.cs بگذارید.

گام 12 در این مرحله به صفحه ی MainActivity.cs بروید و کدهای زیر را در آن وارد نمایید. 

    protected override void OnCreate(Bundle bundle) {  
        base.OnCreate(bundle);  
        // Set our view from the "main" layout resource  
        SetContentView(Resource.Layout.Main);  
        Button button = FindViewById < Button > (Resource.Id.second);  
        button.Click += delegate {  
            StartActivity(typeof(second));  
        };  
    }  

گام 13 در این مرحله، به صفحه ی second.cs بروید و کدهای زیر را در آن وارد نمایید. 

    protected override void OnCreate(Bundle savedInstanceState) {  
        base.OnCreate(savedInstanceState);  
        SetContentView(Resource.Layout.Second);  
        Button button = FindViewById < Button > (Resource.Id.First);  
        button.Click += delegate {  
            StartActivity(typeof(MainActivity));  
        };  
        // Create your application here  
    }  

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

دوره های آموزشی زامارین 

دوره برنامه نویسی اندروید با سی شارپ ( Xamarin )

آموزش متریال دیزاین در زامارین

آموزش Xamarin Forms

دوره Xamarin Form پیشرفته

برنامه نویسان

نویسنده 3355 مقاله در برنامه نویسان

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

در صورتی که در رابطه با این مقاله سوالی دارید، در تاپیک های انجمن مطرح کنید