Android Tutorials - Powering with Selection Widget

Android.Widgets
Tutorial 2 : Powering with Selection Widget

By: Mr.PrajyotMainkar
MS Software Systems( BITS-Pilani)
BE(Hons.) Computer Engineering , PMP( IIT Delhi)
S

Spinner– The resource pool

Spinner is a widget similar to a drop down list selecting items. Here is the xml file
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>
<TextView
android:id="@+id/selection"
android:layout_height="wrap_content"
/>
<Spinner android:id="@+id/spinner"
android:drawSelectorOnTop="true"
/>
</LinearLayout>


Java File will contain following code
package com.spinner;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.Spinner;
import android.widget.TextView;

public class SpinnerActivity extends Activity implements
AdapterView.OnItemSelectedListener {
TextView selection;
String[] items={"Prajyot", "Prakash", "Mainkar"};

//Continued on next slide


public void onCreate(BundlesavedInstanceState) {super.onCreate(savedInstanceState);
setContentView(R.layout.main);
selection=(TextView)findViewById(R.id.selection);
Spinner spin=(Spinner)findViewById(R.id.spinner);
spin.setOnItemSelectedListener(this);
ArrayAdapter<String>aAdapter=new
ArrayAdapter<String>(this,android.R.layout.simple_spinner_item,
items);
aAdapter.setDropDownViewResource(
android.R.layout.simple_spinner_dropdown_item);
spin.setAdapter(aAdapter);
}
public void onItemSelected(AdapterView<?> parent,
View v, int position, long id) {
selection.setText(items[position]);
}
public void onNothingSelected(AdapterView<?> parent) {
selection.setText("");
}
}


The following output is obtained when you run the code via emulator.


The following output is obtained when you run the code via emulator. The radio button
can be replaced by checkboxes.

GridView – Roar Louder

GridView is a ViewGroup that displays items in a 2-D,scrollable grid. The grid items
get inserted automatically to the layout using a ListAdapter

<LinearLayout
>
<TextView
/>

GridView– Roar Louder

..Continued from previous slide.

<GridView
android:id="@+id/grid"
android:verticalSpacing="40px"
android:horizontalSpacing="10px"
android:numColumns="auto_fit"
android:columnWidth="100px"
android:stretchMode="columnWidth"
android:gravity="center"
/>
</LinearLayout>


package com.Grid;

import android.content.Context;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.GridView;

public class GridActivity extends Activity implements AdapterView.OnItemSelectedListener {
TextView selection;
String[] items={"Goa", "Maharashtra", "TamilNadu", "Rajasthan", "Gujrat",
"MP", "Karnataka", "Kerala", "Delhi", "AndraPradesh",
"Assam", "Manipur", "Orissa", "Punjab", "J&K",
"Himachal Pradesh", "West Bengal", "Tripura", "Uttarakhand", "Sikkim",
"Bihar", "ArunachalP", "Chhattisgarh", "D&D", "Pondicherry"};


public void onCreate(BundlesavedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);selection=(TextView)findViewById(R.id.selection);
GridViewg=(GridView) findViewById(R.id.grid);
g.setAdapter(newFunnyLookingAdapter(this,
android.R.layout.simple_list_item_1,items));
g.setOnItemSelectedListener(this);
}
public void onItemSelected(AdapterView<?> parent, View v,
int position, long id) {
selection.setText(items[position]);
}
public void onNothingSelected(AdapterView<?> parent) {
selection.setText("");
}


private class FunnyLookingAdapter extends ArrayAdapter {
Context ctxt;
FunnyLookingAdapter(Contextctxt, int resource,
String[] items) {
super(ctxt, resource, items);
this.ctxt=ctxt;
}
public View getView(int position, View convertView,
ViewGroup parent) {
TextView label=(TextView)convertView;
if (convertView==null) {
convertView=new TextView(ctxt);
label=(TextView)convertView;
}
label.setText(items[position]);
return(convertView);
}
}
}

GridView – Roar Louder


AutoComplete �� Intelligence
way
Allows to suggest the remaining text-type using the intelligent way .Suggestions are
received from a collection of strings associated with the widget through ArrayAdapter
<LinearLayout
android:padding="5dp"
>
<TextView
android:text="States"
/>
<AutoCompleteTextViewandroid:id="@+id/edit"
android:completionThreshold="3"/>
</LinearLayout>

AutoComplete – Intelligence
way
package com.AutoComplete;

import android.text.Editable;
import android.text.TextWatcher;
import android.widget.AutoCompleteTextView;

public class AutoCompleteActivity extends Activity implements TextWatcher {
TextView selection;
AutoCompleteTextView edit;
String[] items={"Goa", "Maharashtra", "TamilNadu", "Rajasthan", "Gujrat",
"MP", "Karnataka", "Kerala", "Delhi", "AndraPradesh",
"Assam", "Manipur", "Orissa", "Punjab", "J&K",
"Himachal Pradesh", "West Bengal", "Tripura", "Uttarakhand", "Sikkim",
"Bihar", "ArunachalP", "Chhattisgarh", "D&D", "Pondicherry"};

way
public void onCreate(BundlesavedInstanceState) {super.onCreate(savedInstanceState);
setContentView(R.layout.main);
selection=(TextView)findViewById(R.id.selection);
edit=(AutoCompleteTextView)findViewById(R.id.edit);
edit.addTextChangedListener(this);
edit.setAdapter(newArrayAdapter<String>(this,
android.R.layout.simple_dropdown_item_1line,
items));
}
public void onTextChanged(CharSequences, int start, int before,
int count) {
selection.setText(edit.getText());
}
public void beforeTextChanged(CharSequences, int start,
int count, int after) {
// used in case if interface
}
public void afterTextChanged(Editables) {
// used in case if interface
}
}

way


Thank you..
GET IN TOUCH– Tune Up
RadioButton
Phone:
+91-9822987513
facebook.com/prajyotmainkar

Email:
twitter.com/prajyotm prajyotm@msn.com

Android Tutorials - Powering with Selection Widget

More Related Content

Android Tutorials - Powering with Selection Widget