نحوه نمایش یک تصویر در Xamarin

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

نحوه نمایش یک تصویر در Xamarin

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

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

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

گام 4

حالا به نوار ابزار بروید. در این پنجره ، می توانید تمامی ابزار و کنترل های موجود را مشاهده کنید. 

از بین ابزار های موجود،یک button بکشید و به درون صفحه بیاورید. 

گام 5

حالا یک ImageView بکشید و به درون صفحه بیاورید. 

گام 6

حالا به پنجره ی Properties بروید و id و text مربوط به button را مطابق تصویر زیر تغییر بدهید.

گام 7

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

گام 8

وقتی مطابق تصویر بالا به مسیر Solution Explorer-->Resource-->Drawable-->Right click-->Add-->Existing Item رفتید، یک فایل را مطابق زیر انتخاب نمایید.

گام 9

سپس به پنجره ی properties  بروید و مقادیر value و src Value مربوط به ImageView را مطابق تصویر زیر تغییر بدهید. 

گام 10 

اگر مراحل بالا را به درستی انجام داده باشید، کدهای زیر در صفحه ی 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">  
        <Button android:id="@+id/myButton" android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="@string/changeImage" />  
        <ImageView android:layout_width="fill_parent" android:layout_height="fill_parent" android:id="@+id/demoImageView" android:src="@drawable/image1" android:scaleType="fitCenter" />  
    </LinearLayout>  

گام 11

در این مرحله، صفحه ی  String.xml را باز کنید. برای این کار باید به مسیر Solution Explorer-->Resource-->values-->String.xml بروید. 

گام 12 

بعد از این که این فایل را باز کردید، کدهای زیر را مطابق تصویر، در آن اضافه کنید.

    Strings.xml <<  
        ? xml version = "1.0"  
    encoding = "utf-8" ? >  
        <  
        resources >  
        <  
        string name = "changeImage" > Change Image < /string> <  
        string name = "ApplicationName" > diaplayimage < /string> <  
        /resources>  


گام 13

سپس به صفحه ی 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.myButton);  
        button.Click += delegate {  
            var imageView = FindViewById < ImageView > (Resource.Id.demoImageView);  
            imageView.SetImageResource(Resource.Drawable.image2);  
        };  
    }  

گام 14

حالا از برنامه ای که ساختیم، خروجی بگیرید تا بتوانید نتیجه را مشاهده کنید. 

دانلود فایل های ضمیمه مخصوص اعضای سایت می باشد !
کاربر مهمان! جهت دانلود و استفاده از امکانات سایت لطفا وارد سایت شوید و یا ثبت نام کنید
دانلود نسخه ی PDF این مطلب