abc

Share This blog with your friends, so that we can improve more & more . our aim is to easy & simple way of learning.

5/13/2021

Android UI widget

android widget is nothing how user interface done with device, for example textbox, button.

Android Button

- Android Button are push-button. The android.widget.Button is subclass of TextView class and CompoundButton is the subclass of Button class.
different types of buttons in android such as RadioButton, ToggleButton, CompoundButton.

example,
<Button  
        android:id="@+id/button"  
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"  
        android:layout_below="@+id/editText2"  
        android:layout_centerHorizontal="true"  
        android:layout_marginTop="109dp"  
        android:text="ADD"  
        tools:layout_editor_absoluteX="148dp"  
        tools:layout_editor_absoluteY="266dp" />  
various properties for button like id, width, height, position, margin, text, layout . you can also switch to design view to more clear to how button is looking

Android Toast

- display information for the short period of time. A toast contains message to be displayed quickly and disappears after sometime.

example,
       Toast.makeText(getApplicationContext(),"Hello Mayur",Toast.LENGTH_SHORT).show();  

Custom Toast

customize the toast, such as we can display image on the toast

example,
Toast toast = new Toast(getApplicationContext());  
toast.setDuration(Toast.LENGTH_SHORT);  
toast.setGravity(Gravity.CENTER_VERTICAL, 0, 0);  
toast.setView(layout);//setting the view of custom toast layout  
toast.show(); 

ToggleButton

It has two states ON/OFF.

example, 
<ToggleButton  
        android:id="@+id/toggleButton"  
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"  
        android:layout_marginLeft="8dp"  
        android:layout_marginTop="80dp"  
        android:text="ToggleButton"  
        android:textOff="Off"  
        android:textOn="On"  
        app:layout_constraintEnd_toStartOf="@+id/toggleButton2"  
        app:layout_constraintStart_toStartOf="parent"  
        app:layout_constraintTop_toTopOf="parent" />  

here you can set text for on off both condition for example, notification on or off

CheckBox

to check on specific box, useful in filter, searching

example,
 <CheckBox  
        android:id="@+id/checkBox"  
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"  
        android:layout_marginLeft="144dp"  
        android:layout_marginTop="68dp"  
        android:text="Pizza"  
        app:layout_constraintStart_toStartOf="parent"  
        app:layout_constraintTop_toTopOf="parent" />  
this widget has also similar property like width, margin, layout

AlertDialog

it displays a alert dialog containing the message with OK and Cancel buttons.

closeButton = (Button) findViewById(R.id.button);  
builder = new AlertDialog.Builder(this);  
closeButton.setOnClickListener(new View.OnClickListener() {  
@Override  
public void onClick(View v) {  
 
builder.setMessage(R.string.dialog_message) .setTitle(R.string.dialog_title);  
builder.setMessage("Do you want to close this application ?")  
.setCancelable(false)  
.setPositiveButton("Yes", new DialogInterface.OnClickListener() {  
public void onClick(DialogInterface dialog, int id) {  
finish();  
Toast.makeText(getApplicationContext(),"you choose yes action for alertbox",  
Toast.LENGTH_SHORT).show();  
}  
})  
.setNegativeButton("No", new DialogInterface.OnClickListener() {  
public void onClick(DialogInterface dialog, int id) {  
//  Action for 'NO' Button  
dialog.cancel();  
Toast.makeText(getApplicationContext(),"you choose no action for alertbox",  
Toast.LENGTH_SHORT).show();  
}  
});  
//Creating dialog box  
AlertDialog alert = builder.create();  
//Setting the title manually  
alert.setTitle("trial message");  
alert.show();  
}  
});  



Spinner

Spinner displays the multiple options, but only one can be selected at a time.
its same to dropdown box

<Spinner  
        android:id="@+id/spinner"  
        android:layout_width="149dp"  
        android:layout_height="40dp"  
        android:layout_marginBottom="8dp"  
        android:layout_marginEnd="8dp"  
        android:layout_marginStart="8dp"  
        android:layout_marginTop="8dp"  
        app:layout_constraintBottom_toBottomOf="parent"  
        app:layout_constraintEnd_toEndOf="parent"  
        app:layout_constraintHorizontal_bias="0.502"  
        app:layout_constraintStart_toStartOf="parent"  
        app:layout_constraintTop_toTopOf="parent"  
        app:layout_constraintVertical_bias="0.498" />  
in above spinner add item from activity



AutoCompleteTextView

- when user type some suggestion comes


<AutoCompleteTextView  
        android:id="@+id/autoCompleteTextView"  
        android:layout_width="200dp"  
        android:layout_height="wrap_content"  
        android:layout_marginLeft="92dp"  
        android:layout_marginTop="144dp"  
        android:text=""  
        app:layout_constraintStart_toStartOf="parent"  
        app:layout_constraintTop_toTopOf="parent" />  

add array string into activity which fetch suggestion into above textview
    String[] language ={"html","php","js","jquery","ajax","mysql","sqlite"};  



RatingBar

RatingBar displays the rating bar.


   <RatingBar  
        android:id="@+id/ratingBar"  
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"  
        android:layout_marginLeft="72dp"  
        android:layout_marginTop="60dp"  
        app:layout_constraintStart_toStartOf="parent"  
        app:layout_constraintTop_toTopOf="parent" />  

DatePicker

Datepicker displays the datepicker dialog that can be used to pick the date.

<DatePicker  
        android:id="@+id/datePicker"  
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"  
        android:layout_above="@+id/textView1"  
        android:layout_centerHorizontal="true"  
        android:layout_marginBottom="36dp" />  
to pick date from calender use this widget

TimePicker

 to pick the time.

<TimePicker  
        android:id="@+id/timePicker"  
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"  
        android:layout_above="@+id/textView1"  
        android:layout_centerHorizontal="true"  
        android:layout_marginBottom="36dp" />


ProgressBar

ProgressBar displays progress task example downloading file, analyzing status of work, updating

directly add in activity
progressBar = new ProgressDialog(v.getContext());  
                progressBar.setCancelable(true);  
                progressBar.setMessage("File downloading ...");  
                progressBar.setProgressStyle(ProgressDialog.STYLE_HORIZONTAL);  
                progressBar.setProgress(0);  
                progressBar.setMax(100);  
                progressBar.show(); 
if you have query related to app development, please comment or you want to own app , our developers always help you.

An Introduction to the Laravel Framework: What It Is and Why You Should Use It

  If you're a PHP developer looking for a modern, efficient, and powerful framework to build web applications, look no further than Lara...