هر اپلیکیشنی، یک شکلی رو به عنوان رابط کاربری در نظر می گیرد. در اندروید،این کار توسط View و ViewGroup انجام میشود.در این مقاله میخواهیم با View های اندروید کار کنیم.

 در دوره رایگان آموزش  برنامه نویسی اندروید با کاتلین  با View های اندروید بیشتر آشنا خواهید شد.
 

View های عمومی از textview  شروع میکنیم. برای نمایش متن از این ویو استفاده میکنیم که یکی از پر کاربرد ترین View های اندرویداست.
 

<TextView
    android:text="Bugeto.net"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"/>

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

<Button
    android:text="Click"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"/>

Image button: شبیه بهbutton است با این تفاوت که یک تصویر را هم میتواند نمایش دهد.
 

<ImageButton
    android:src="@mipmap/ic_launcher"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"/>

EditText: اینViewیک زیر کلاس ازtext viewاست که امکان ویرایش متن را به کاربر می دهد.
 

<EditText
    android:src="@mipmap/ic_launcher"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"/>

box: یک نوع خاص از دکمه است که دو حالت تیک شده و تیک نشده دارد.

<CheckBox
    android:text="is online"
    android:src="@mipmap/ic_launcher"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"/>

Radio button: دو حالت انتخاب شده و انتخاب نشده دارد.

نکته این ویو این است که بعد از انتخاب نمیتوانیم آن را تغییر حالت بدهیم.

<RadioButton
    android:text="Android Kotlin"
    android:src="@mipmap/ic_launcher"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"/>

Radio group:از این ویو برای گروه بندی یک یا چندradio buttonاستفاده میشود و ما فقط میتوانیم یکی ازradio buttonها را انتخاب کنیم.

<RadioGroup
    android:src="@mipmap/ic_launcher"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">
    <RadioButton
        android:id="@+id/rb_kotlin"
        android:text="Kotlin"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>
    <RadioButton
        android:id="@+id/rb_java"
        android:text="Java"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>
</RadioGroup>

Toggle button: اینViewوضعیت تیک خوردن یا نخوردن را با استفاده از رنگ مشخص می کند.

<ToggleButton
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginTop="50dp"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent" />

AutoCompliteTextView : این ویو شبیه بهedittextهست در واقع  یک زیر کلاس ازEdittextاست با این تفاوت که یک لیست از داده ها دارد که موقع تایپ کردن به کاربر نمایش می دهد.

درlayoutاینviewرا تعریف میکنیم.

  برای یادگیری Layoutها می توانید مقاله آموزش Layoutها در اندروید را مطالعه کنید.

<AutoCompleteTextView
    android:id="@+id/autoTv"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"/>

بعد از انجام این کار در کلاس اکتیویتی کد های زیر را می نویسیم.

var names = arrayOf("Maysam", "Ali", "Hossein", "mohammad", "Amir", "Alireza")
private var tvCountries:AutoCompleteTextView?=null
override fun onCreate(savedInstanceState: Bundle?) {
    super.onCreate(savedInstanceState)
    setContentView(R.layout.activity_main)

    setData() //269173
}

private fun setData() {
    tvCountries = findViewById<AutoCompleteTextView>(R.id.autoTv)
    var adapter = ArrayAdapter<String>(this, android.R.layout.simple_dropdown_item_1line, names)
    tvCountries?.threshold = 3 //این خط برای این است که بگوییم کاربر بعد از تایپ چند کاراکتر نتیجه را ببیند
    tvCountries?.setAdapter(adapter)
}

Viewهایpicker

انتخاب ساعت و تاریخ یکی از کارهای عمومی توی اپلیکیشن های اندروید است.

این کار به وسیلهtime pickerوdate pickerانجام میشود.
 
سخن پایانی :
در این مقاله سعی شده شما را با view  های اندروید آشنا کنیم.