Button

 

این المان فرزند موجب ایجاد یک دکمه قابل کلیک میشود.

 

خواص این المان تمام خواص المان text را در برگرفته است و علاوه بر آن خواص زیر را نیز داراست:

   ↵  Onclick :

                در صورت کلیک شدن المان صدا میشود و مقدار آن یک اکشن می باشد.

   ↵  Enabled :

                قابل انتخاب بودن این المان را مشخص میکند.

   ↵  ProgressbarGravity :

                مکان نسبی Progressbar بر روی button با این ویژگی مقدار دهی میشود.و مقادیر left,right,center را میپذیرد.

   ↵  ProgressbarPadding :

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

   ↵  ProgressbarRadius :

                شعاع Progressbar را میتوان با این ویژگی مقداردهی کرد.

   ↵  ProgressbarColor :

                رنگ Progressbar را مشخص میکند.

   ↵  ProgressbarBackgroundColor :

                رنگ پس زمینه Progressbar را مشخص میکند.

   ↵  ProgressbarStrokeWidth :

                طول دایره داخلی progressbar را مشخص میکند.

   ↵  ShowProgressbar :

                با این ویژگی میتوان نمایش یا عدم نمایش Progressbar را مشخص کرد.

   ↵  Validate :

                با نوشتن id ورودی هایی که نیاز به چک شدن دارن و جدا کردن آن ها با  “ , ” تمام تکست باکس ها و دیگر ورودی ها با regex که داخل خاصیت validation در آن المان داده شده چک میشوند و در صورتی که تمام آن ها درست بودند اکشن نهایی داخل onclick اجرا میشود. این اتفاقات پس از کلیک شدن المان رخ می دهد.

 

---

در ادامه نمونه کدی از استفاده Button مشاهده می کنیم :

 

<page title="اپسان" background="#FFFFFF" toolbarColor="#E64724" width="match_parent" height="match_parent">
  <frame  width="match_parent" layout="linear_vertical" height="match_parent" background="#FFF" >
     <image src = "http://162.55.105.137:8080/api/public/dl/6-OQTsC-"  scaletype ="center_crop"   width="300" height="300" margin_bottom="100"  margin_top="50"></image>
      <button textcolor="#FFDDCE"  background="#E64724" borderCornerRadius="10" width="250" onClick="command/welcomeAdmin" margin_top="-100">ورود به آموزش اپسان</button>
      <button textcolor="#FFDDCE"  background="#E64724" borderCornerRadius="10"  width="250" onClick="command/welcomeStudent">خروج</button>
  </frame>
</page>

 

و نتیجه ی اجرای کد فوق به شکل زیر است :