استفاده از SeekBar با Listener در Xamarin

شنبه 6 آذر 1395

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

استفاده از SeekBar با Listener در Xamarin

کنترل SeekBar مانند کنترل ProgressBar  است اما یک slider  نیز دارد، که می تواند توسط کاربر کشیده شود و مقدار نمایش داده شده به کاربر را تغییر بدهد. 

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

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

گام 3

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

گام 4

سپس به toolbox  بروید و ابزار SeekBar را بکشید و به درون صفحه بیاورید. 

گام 5

سپس یک TextView به درون صفحه بکشید و بیاورید و id  آن را بر روی android:id="@+id/textview" قرار بدهید. 

گام 6

سپس id  این ابزار را بر روی android:id="@+id/seekbar" قرار بدهید. 

گام 7

در این مرحله، به صفحه ی  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">  
        <SeekBar android:layout_width="match_parent" android:layout_height="wrap_content" android:id="@+id/seekbar" />  
        <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:id="@+id/textview" />  
    </LinearLayout>  

گام 8 

سپس به صفحه MainActivity.cs بروید و کد های زیر را در آن وارد کنید. 

public class MainActivity: Activity, SeekBar.IOnSeekBarChangeListener {  
    SeekBar _seekBar;  
    TextView _textView;  
} 

گام 9 

سپس در متد OnCreate() کد  های زیر را وارد نمایید.

    protected override void OnCreate(Bundle bundle) {  
        base.OnCreate(bundle);  
        // Set our view from the "main" layout resource  
        SetContentView(Resource.Layout.Main);  
        _seekBar = FindViewById < SeekBar > (Resource.Id.seekbar);  
        _textView = FindViewById < TextView > (Resource.Id.textview);  
      
        _seekBar.SetOnSeekBarChangeListener(this);  
    }  

گام 10

سپس کدهای زیر را مطابق تصویر به فایل اضافه نمایید.

    public void OnProgressChanged(SeekBar seekBar, int progress, bool fromUser) {  
        if (fromUser) {  
            _textView.Text = string.Format("SeekBar value to {0}", seekBar.Progress);  
        }  
    }  
    public void OnStartTrackingTouch(SeekBar seekBar) {  
        System.Diagnostics.Debug.WriteLine("Tracking changes.");  
    }  
    public void OnStopTrackingTouch(SeekBar seekBar) {  
        System.Diagnostics.Debug.WriteLine("Stopped tracking changes.");  
    }  

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

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

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

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

آموزش Xamarin Forms

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

فایل های ضمیمه

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

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

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

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