۶- آموزش استفاده از اجزای فرم – قسمت اول

با سلام

بالاخره از قسمت های ابتدایی و مقدماتی و توضیحات اولیه در مورد برنامه نویسی اندروید با زامارین گذشتیم و به قسمت اصلی یعنی ویو ها و اجزای برنامه رسیدیم این قسمت رو از اجزای فرم شروع میکنیم.
اجزای فرم
 
به ویو هایی که در یک فرم استفاده میشوند گفته میشود و عبارتند از : چک باکس ، ادیت تکست ، توگل باتن (سوییچ) ، کاستوم باتن (دکمه)، رادیو باتن و Rating Bar
در این قسمت به بررسی سه جزء چک باکس ، ادیت تکست و باتن میپردازیم
چک باکس
همه شما چک باکس های مختلفی را دیده اید در این بخش به معرفی و نحوه اضافه کردن و تعریف رویداد ها میپردازیم
 اضافه کردن چک باکس:
۱ – در پروژه مورد نظر فایل  Main.axml را باز کنید و تکه کد زیر را دد Linear Layout قرار دهید
< CheckBox android:id = "@+id/checkbox"
android:layout_width = "wrap_content"
android:layout_height = "wrap_content"
android:text = "check it out" / >
۲ – حال برای اینکه عملی هنگام عوض شدن وضعیت چک باکس اتفاق بیفتد کد زیر را در متد onCreate() اضافه کنید
CheckBox checkbox = FindViewById < CheckBox > ( Resource . Id . checkbox );

checkbox. Click + = (o, e) = > {
if (checkbox. Checked )
Toast . MakeText ( this , "Selected" , ToastLength . Short ). Show ();
else
Toast . MakeText ( this , "Not selected" , ToastLength . Short ). Show ();
};
در قسمت اول چک باکس را به صفحه اول در فایل لایه اضافه کردیم و در بخش ۲  در خط اول با استفاده از Resource چک باکس را از لیوت فراخوانی کردیم و در قسمت دوم کد از رویداد کلیک روی چک باکس استفاده کرده و سپس وضعیت چک باکس را بصورت توست نمایش دادیم.
کاستوم باتن
هنگام ساخت پروژه اندروید یک باتن بصورت پیش فرض اضافه میشود در این قسمت به شخصی سازی این باتن میپردازیم
۱-عکس های زیر را دانلود و در پوشه Resourcse/Drawable کپی کنید.





۲-یک فایل xml بنام android_button ساخته و در مسیر Resource/drawable قرار دهید.
< ? xml version = "1.0" encoding = "utf-8" ? >
< selector xmlns:android = "http://schemas.android.com/apk/res/android" >
< item android:drawable = "@drawable/android_pressed"
android:state_pressed = "true" / >
< item android:drawable = "@drawable/android_focused"
android:state_focused = "true" / >
< item android:drawable = "@drawable/android_normal" / >
< / selector >

۳- حال در فایل Main.axml باتن را بصورت زیر تعریف کنید.
< Button
android:id = "@+id/button"
android:layout_width = "wrap_content"
android:layout_height = "wrap_content"
android:padding = "10dp"
android:background = "@drawable/android_button" / >
۴- حال برای انجام عمل هنگام کلیک رویداد کلیک را بصورت زیر در متد oncreate() قرار دهید.
Button button = FindViewById < Button > ( Resource . Id . button );

button. Click + = (o, e) = > {
Toast . MakeText ( this , "Beep Boop" , ToastLength . Short ). Show ();
};
۵-حال باتن شخصی سازی شده آماده است که در سه حالت نرمال ، کلیک شده ، فوکوس عکس های قرارداده شده را نمایش میدهید و هنگام کلیک پیغامی نشان میدهد.
ادیت تکست

۱-با استفاده از کد زیر در Xml ادیت تکست را اضافه کنید
< EditText
android:id = "@+id/edittext"
android:layout_width = "fill_parent"
android:layout_height = "wrap_content" / >
۲- برای انجام عمل هنگام وجود رویداد کد زیر را در onCreate() قرار دهید.
EditText edittext = FindViewById < EditText > ( Resource . Id . edittext );
edittext. KeyPress + = ( object sender, View . KeyEventArgs e) = > {
e. Handled = false ;
if (e. Event . Action == KeyEventActions . Down & & e. KeyCode == Keycode . Enter ) {
Toast . MakeText ( this , edittext. Text , ToastLength . Short ). Show ();
e. Handled = true ;
}
};
۳- در کد بالا تعریف کردیم که اگر کلید فشار داده شده Enter باشد متن وارد شده بصورت یک توست مسیج نمایش داده میشود.
 




قسمت قبلی


فهرست تمامی قسمت ها


قسمت بعدی انشالله به زودی…