شروع آموزش برنامه نویسی زامارین از پایه و گام به گام

اولین برنامه کاربردی در Xamarin

در این جلسه ، ما نحوه ایجاد یک برنامه اندرویدی کوچک با استفاده از Xamarin را ارائه خواهیم کرد.

برنامه کاربردی Hello Xamarin!

قبل از همه ، یک نمونه جدید در ویژال استدیو را شروع می کنیم و به بخش File >  New > Project می رویم.

در کادر محاوره ای Menu که ظاهر می شود ، به بخش Templates > Visual C# > Android > Blank App (Android) می رویم.

یک نام مناسب برای برنامه کاربردی خود انتخاب می کنیم. در این مثال ، ما نام آن "helloWorld" قرار داده و آن در مکان پیش فرض ارائه شده ، ذخیره می کنیم. در ادامه ، بر روی کلید OK برای لود شدن پروژه جدید "helloXamarin" ، کلیک می کنیم.

در بخش solution ، گزینه Resources > layout > Main.axml file را باز می کنیم. .از  Design Switch سوئیچ می کنیم و به فایل Source می رویم و خطوط کد زیر را برای ساخت app خود تایپ می کنیم.

<?xml version = "1.0" encoding = "utf-8"?> 
<LinearLayout xmlns:android = "http://schemas.android.com/apk/res/android" 
   android:orientation = "vertical" 
   android:background = "#d3d3d3" 
   android:layout_width = "fill_parent" 
   android:layout_height = "fill_parent"> 
   <TextView 
      android:text = "@string/HelloXamarin" 
      android:textAppearance = "?android:attr/textAppearanceLarge" 
      android:layout_width = "match_parent" 
      android:layout_height = "wrap_content" 
      android:id = "@+id/textView2" 
      android:textColor = "@android:color/black" /> 
</LinearLayout>

در کد فوق ، ما یک textview جدید اندروید ایجاد کرده ایم. سپس ، مقادیر پوشه ها را باز می کنیم و بر روی Strings.xml دوبار کلیک می کنیم تا آن را باز نماییم. در اینجا ، قصد داریم اطلاعات و مقادیر مربوط به کلید ایجاد شده در بالا را ذخیره کنیم.

<?xml version = "1.0" encoding = "utf-8"?> 
<resources> 
   <string name = "HelloXamarin">Hello World, I am Xamarin!</string> 
   <string name = "ApplicationName">helloWorld</string> 
</resources>

فایل MainActivity.cs را باز کرده و کد موجود را با خطوط کد زیر جایگزین می کنیم.

using System; 
using Android.App; 
using Android.Content; 
using Android.Runtime; 
using Android.Views; 
using Android.Widget; 
using Android.OS;  

namespace HelloXamarin { 
   public class MainActivity : Activity { 
      protected override void OnCreate(Bundle bundle) { 
         base.OnCreate(bundle); 
         SetContentView(Resource.Layout.Main); 
      } 
   } 
}

اپلیکیشن را ذخیره می کنیم. آن را ساخته و سپس run می کنیم تا اپ ایجاد شده را در یک Android Emulator نمایش دهد.

اگر شما یک شبیه ساز اندروید (Android Emulator) ندارید ، در این صورت مراحل ارائه شده در بخش بعدی را برای ایجاد شبیه ساز ، دنبال کنید.

برپایی یک Android Emulator

در منو Visual Studio ، به بخش Tools > Android > Android Emulator Manager می رویم. در پنجره pop-up که ظاهر می شود ، روی کلید Create کلیک می کنیم. با این کار ، صفحه ای مانند تصویر زیر نمایش داده می شود.

در تصویر فوق ، نام AVD را که می خواهیم انتخاب می کنیم. یک device را انتخاب می کنیم که برای نمایشگر مناسب است ، به طور مثال ، صفحه نمایش Nexus 4”  . Target platform (پلت فرم هدف) خود را انتخاب می کنیم. همیشه توصیه می شود که بر روی حداقل پلت فرم هدف، مانند  API 10 Android 2.3 (Gingerbread) ، آزمایش را انجام دهیم ، تا اطمینان حاصل نماییم که اپ ما در تمام پلت فرم های Android کار می کند.

فیلدهای دیگر را پر کرده و روی کلید OK کلیک می کنیم. شبیه ساز ما آماده است. می توانیم آن را از لیست Android Virtual Devices (دستگاه های اندرویدی مجازی) موجود انتخاب کرده و سپس روی کلید Start کلیک کنیم تا آن را راه اندازی نماییم.

تغییر کردن اپ HelloXamarin

در این بخش ، ما پروژه خود را تغییر می دهیم و یک کلید ایجاد می کنیم که متنی را به محض کلیک کردن بر روی کلید ، نمایش می دهد. فایل main.axml را باز کرده و به source view سوئیچ می کنیم. سپس به textview که ایجاد کرده ایم، یک کلید را همان طور که در زیر نشان داده شده است ، اضافه می نماییم.

<Button 
   android:id = "@+id/MyButton" 
   android:layout_width = "fill_parent" 
   android:layout_height = "wrap_content" 
   android:text = "@string/ButtonClick" />

پس از اضافه نمودن کلید ، کد کامل برنامه به صورت زیر خواهد بود:

<?xml version = "1.0" encoding = "utf-8"?> 
<LinearLayout xmlns:android = "http://schemas.android.com/apk/res/android" 
   android:orientation = "vertical" 
   android:layout_width = "fill_parent" 
   android:layout_height = "fill_parent"> 
   <TextView 
      android:text = "@string/HelloXamarin" 
      android:textAppearance = "?android:attr/textAppearanceLarge" 
      android:layout_width = "match_parent" 
      android:layout_height = "wrap_content" 
      android:id = "@+id/textView2" /> 
    
   <Button 
      android:id = "@+id/MyButton" 
      android:layout_width = "fill_parent" 
      android:layout_height = "wrap_content" 
      android:text = "@string/ButtonClick" /> 
</LinearLayout>

در ادامه ، مقدار کلید خود را در فایل string.xml ، رجیستر می کنیم.

<string name = "ButtonClick">Click Me!</string>

پس از اضافه کردن کلید در فایل strings.xml ، فایل MainActivity.cs را برای افزودن یک action برای کلید ، هنگامی که روی آن کلیک می شود ، باز می کنیم. این کار را مطابق کدی که در زیر نشان داده شده است ، انجام می دهیم.

using System; 
using Android.App; 
using Android.Content; 
using Android.Runtime; 
using Android.Views; 
using Android.Widget; 
using Android.OS;  

namespace HelloXamarin {     
   [Activity(Label = "HelloXamarin", MainLauncher = true, Icon = "@drawable/icon")] 
   public class MainActivity : Activity { 
      protected override void OnCreate(Bundle bundle) { 
         base.OnCreate(bundle); 
         SetContentView(Resource.Layout.Main); 
         Button button = FindViewById<Button>(Resource.Id.MyButton); 
         button.Click += delegate { button.Text = "Hello world I am your first App"; }; 
      } 
   } 
} 

سپس ، اپلیکیشن را ساخته و run می کنیم.

پس از کلیک کردن بر روی کلید ، ما خروجی زیر را دریافت خواهیم کرد: