Skip to main content

Creating A Customized ListView in Android

Listview is simply a group of view that displays a list of scrolling items. "Adapters" are used to insert list items to the list.By default we are able to provide only text as list items.In order to insert other attributes make a customized listview. Copy or download this javacode and try yourself.
Also see here :
java file :
public class CustomListView extends Activity {
         static final String[] items = new String[]{"Sunday","Monday","Tuesday","Wednesday",
                                           "Thursday","Friday",""Saturday"};
         ListView listview;
    @Override
    public void onCreate(Bundle savedInstanceState) {
          super.onCreate(savedInstanceState);
          setContentView(R.layout.main);
          listview=(ListView) findViewById(R.id.list);  
          listview.setAdapter(newCustomListViewAdapter
                                        (this,items));             
          listview .setOnItemClickListener(new OnItemClickListener()
                {
            @Override
            public void onItemClick(AdapterView 
                     arg0, View arg1,int  position,long arg3)
                {
                String value = listview.getItemAtPosition(position).toString();
                System.out.println("=============>>>"+value);
                }});
               } }
xml file: (main)
< RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/redbg"> 
    < ListView
        android:layout_marginTop="100dp"
        android:id="@+id/list"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
     /> 
< /RelativeLayout> 
CustomAdapter Class:
public class CustomListViewAdapter extends ArrayAdapter {
    private final Context context;
    private final String[] values;

    public CustomListViewAdapter(Context context, String[] values)
       {
        super(context, R.layout.list_view, values);
        this.context = context;
        this.values = values;
       }
    @Override
    public View getView(int position, View convertView, ViewGroup parent) 

     {
        LayoutInflater inflater = (LayoutInflater) context   
                                          .getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        View rowView = inflater.inflate(R.layout.list_view, parent, false);
        TextView textView = (TextView) rowView.findViewById(R.id.title);
        ImageView imageView = (ImageView) rowView.findViewById(R.id.icon);
        textView.setText(values[position]);
        // Change icon based on name
        String s = values[position];
        System.out.println(s);
         return rowView;
    }} 
xml for customizing each row:(list_view)
   < ?xml version="1.0" encoding="utf-8"?> 
   < RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" > 
   
    < ImageView
        android:id="@+id/icon"
        android:src="@drawable/heartz"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingLeft="10dp"
        android:paddingRight="10dp" /> 

    < TextView
        android:id="@+id/title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toRightOf="@+id/icon"
        android:paddingBottom="10dp"
        android:textColor="#FFFFFF"
        android:textSize="16dp" /> 

< /RelativeLayout> 


Comments

Popular posts from this blog

Getting started with IBM worklight Mobile App In Eclipse using Ionic / Angularjs

Install Eclipse and add IBM MobileFirst Platform Studio 7.1.0 .  You can follow the following steps : Goto Help > > Eclipse Market Place >> and search for IBM MobileFirst Platform Studio 7.1.0 . and u can add and install thet plugin and get started with ionic - angular app development. You can start the new project and so can add your Environment needed and start development. After creating the sample project you can add ionic bundle folder inside your application so that you get all the necessary features of ionic development. Details and other way of installation is explained here  

Calling a script from an external file

We Can just recall the previous example of image switching to understand how to call script externally.  Let's have a look. <html> <head> </head> <body> click on the image </body> </html> Using the tag <script type="text/javascript" src="functions.js"> </script> we can call the script externally. Always write script in file with extension ".js". functions.js: function imageswitch(){ var image = document.getElementById('switchimage'); if(image.src.match("one")) { image.src = "flower_two.jpg"; } else { image.src = "flower_one.jpg"; } } Note: Make sure that the both html and js file locations are the same or else defime them specifically

Spannable String in Android - URL Span ,Clickable Span, Rich-Style Formatting of Textview .....

See more Android Tutorials here....... Faster Loading images in GridViews or ListViews Spannable brings lots of possibility to TextView, includes displaying various appearance of a Text and onClick callbak. The SpannableString class allows you to easily format certain pieces which are called spans of a string, by applying CharacterStyle ie,color, font, ormake it a link . Here is an example where, explained how to use spannable string to give font size, color, linking a text via clickable span and through URL Span and to strike through the text. Lets go through the example : import android.os.Bundle; import android.text.SpannableString; import android.text.method.LinkMovementMethod; import android.text.style.ClickableSpan; import android.text.style.ForegroundColorSpan; import android.text.style.RelativeSizeSpan; import android.text.style.StrikethroughSpan; import android.text.style.URLSpan; import android.view.View; import android.widget.TextView; import android.widget.Toast; ...