Iconified TextList - The making of

code · by **code** » Sun Apr 06, 2008 10:21 pm

Hi Robert,

First, as I mentioned before am not sure if this is the correct way for doing that or not

I think we must use another action listner like OnItemSelectedListener but I did not try that.

for the way I used "onKeyDown/Up" I overided these two methods in my ListActivity class. You can find an example of the way I used them in: http://www.anddev.org/video-tut_buildin ... s-t12.html

here you another example:

Syntax: [ Download ] [ Hide ]

Using java Syntax Highlighting

 
public boolean onKeyDown(int keyCode, KeyEvent event) {
 
if ((keyCode == KeyEvent.KEYCODE_DPAD_DOWN)
 
                                || (keyCode == KeyEvent.KEYCODE_DPAD_UP)) {
 
                        if (selectedTV != null) {
 
                                dateTV.setVisibility(View.GONE);
 
                        }
 
                        tv =  this.getListView().getSelectedView();
 
                        tv.setVisibility(View.VISIBLE);
 
                        selectedTV = tv;
 
                        dateTV = (TextView) selectedTV.findViewById(2);
 
                        dateTV.setVisibility(View.VISIBLE);
 
                        return true;
 
                } else
 
                        return super.onKeyDown(keyCode, event);
 
        }
 
Parsed in 0.034 seconds,  using GeSHi 1.0.8.4

ferobert · by **ferobert** » Mon Apr 07, 2008 4:36 pm

I think the key point is that you redefined both methods "onKeyDown/Up". I only tried with "onKeyDown", and it was triggered only at the first and last row in the list (i.e. when trying to leave the list), and not inside, when going from one row to the another. But, when I am using "onKeyUp", it works as expected.

The correct way, though, is probably as you suggested with OnItemSelectedListener. I found a complete example with this here:
http://code.google.com/android/samples/ ... List7.html
And I am using that in my code.

BTW, I posted a question for you in the thread you mentioned:
video-tut_building_an_contact-caller_app_in_minutes-t12.html

Thanks and regards,
Robert

code · by **code** » Mon Apr 07, 2008 9:14 pm

Thanks Robert for the example in the link

and this is the correct way of doing that

thanks for sharing

Regards,
code

amitonrise · by **amitonrise** » Fri Nov 21, 2008 10:55 am

Hi plusminus...
thnx for this tutorial....it really works well for me....
keep up the good work!! :wink:

JoyLakh · by **JoyLakh** » Thu Dec 18, 2008 6:14 am

Thanks PlusMinus. This helped me a lot.

But whenever I read your quote:"Please remember, that this board is give & take", i feel a bit bad about myself, because so far I am not involved in giving process.

Thanks once again.

mrsack · by **mrsack** » Tue Mar 10, 2009 2:11 am

Thanks, this is just the code I was looking for! I am getting an error in one of the files, though.

In IconifiedTextListAdapter.java at line 54:

Syntax: [ Download ] [ Hide ]

Using java Syntax Highlighting

return super.isSelectable(position)
Parsed in 0.042 seconds,  using GeSHi 1.0.8.4

Eclipse gives an error saying "The method isSelectable(int) is undefined for the type BaseAdapter." Is there a quick fix for this? Thanks!

sentient · by **sentient** » Mon Mar 16, 2009 4:15 pm

hey guys

real easy one: how do i get the height of the text itself within the list?

i've tried mText.getHeight() and mText.getMeasuredHeight() but they both keep returning 'null'

thanks

jackchen_he · by **jackchen_he** » Tue Mar 17, 2009 2:49 am

hello everyone I'm a chinese how can i get this like a project !I'm a new here! thanks!

jackchen_he · by **jackchen_he** » Tue Mar 17, 2009 3:33 am

mrsack wrote:Thanks, this is just the code I was looking for! I am getting an error in one of the files, though.

In IconifiedTextListAdapter.java at line 54:

Syntax: [ Download ] [ Hide ]
Syntax: [ Download ] [ Show ]
Using java Syntax Highlighting
return super.isSelectable(position)

Parsed in 0.062 seconds, using GeSHi 1.0.8.4

Eclipse gives an error saying "The method isSelectable(int) is undefined for the type BaseAdapter." Is there a quick fix for this? Thanks!

just delete the super or replace by this!

iPaul Pro · by **iPaul Pro** » Wed Mar 25, 2009 7:30 pm

Does anyone know how to use ViewBinder with SimpleCursorAdapter to replace the custom IconifiedTextListAdapter class?

I'd like to have a relative layout with attributes like "android:layout_alignParentRight," but there are currently no related methods to use in a java file.

Any help transforming this tutorial into a XML-based layout would be greatly appreciated.

Thanks!

iPaul Pro · by **iPaul Pro** » Sat Mar 28, 2009 4:57 pm

I figured out how to pass relative layout parameters like "android:layout_alignParentRight" to the IconifiedTextView Views.

In the IconifiedTextView.java file find:

Syntax: [ Download ] [ Hide ]

Using java Syntax Highlighting

          mText = new TextView(context);
          mText.setText(aIconifiedText.getText());
          /* Now the text (after the icon) */
          addView(mText, new LinearLayout.LayoutParams(
                    LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT));
}
Parsed in 0.048 seconds,  using GeSHi 1.0.8.4

In order to assign a relative parameter to "mText", we need to first assign the LayoutParams to a variable:

Syntax: [ Download ] [ Hide ]

Using java Syntax Highlighting

LayoutParams lp = new RelativeLayout.LayoutParams(
                  LayoutParams.WRAP_CONTENT,
                  LayoutParams.WRAP_CONTENT);
Parsed in 0.036 seconds,  using GeSHi 1.0.8.4

We then use "addRule" to assign our parameters:

Syntax: [ Download ] [ Hide ]

Using java Syntax Highlighting

lp.addRule(android.widget.RelativeLayout.ALIGN_PARENT_RIGHT);
Parsed in 0.035 seconds,  using GeSHi 1.0.8.4

And finally, replace

Syntax: [ Download ] [ Hide ]

Using java Syntax Highlighting

addView(mText, new LinearLayout.LayoutParams(
                    LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT));
Parsed in 0.036 seconds,  using GeSHi 1.0.8.4

with

Syntax: [ Download ] [ Hide ]

Using java Syntax Highlighting

addView(mText, lp);
Parsed in 0.035 seconds,  using GeSHi 1.0.8.4

IMPORTANT - You must use a NEW and UNIQUE LayoutParameter variable for every individual View.

So your new mText view declaration should look like this:

Syntax: [ Download ] [ Hide ]

Using java Syntax Highlighting

          
          LayoutParams lp = new RelativeLayout.LayoutParams(
                  LayoutParams.WRAP_CONTENT,
                  LayoutParams.WRAP_CONTENT);
 
          mText = new TextView(context);
          mText.setText(aIconifiedText.getText());
          lp.addRule(android.widget.RelativeLayout.ALIGN_PARENT_RIGHT); 
 
          addView(mText, lp);
 
Parsed in 0.037 seconds,  using GeSHi 1.0.8.4

BTW - I'm still working on converting the IconifiedListAdapter into a SimpleCursorAdapter with ViewBinder. (But in my spare time)

- iPaul Pro

iPaul Pro · by **iPaul Pro** » Thu Apr 02, 2009 12:40 am

High-five to anyone that can tell me how to make the mText bold (or assign a bold style to any text in 'java').

I can do things like change size, color and padding like so:

Syntax: [ Download ] [ Hide ]

Using java Syntax Highlighting

mText.setPadding(5, 10, 10, 5);
mText.setTextSize(16);
mText.setTextColor(Color.rgb(255, 255, 204));
 
Parsed in 0.035 seconds,  using GeSHi 1.0.8.4

But I'm not sure how to make it bold.

Thanks!

(this could be a simple enough request to be my first post to receive a reply!! Its sad, seeing as I have posted 12/13 times and anddev.org considers me a "junior developer" --- I probably just jinxed it)

iPaul Pro · by **iPaul Pro** » Fri Apr 03, 2009 12:06 am

Anyone interested in using an XML layout with the IconifiedTextListAdapter, try this:

Delete this (in IconifiedTextListAdapter.java):

Syntax: [ Download ] [ Hide ]

Using java Syntax Highlighting

   
      /** @param convertView The old view to overwrite, if one is passed
      * @returns a IconifiedTextView that holds wraps around an IconifiedText */
     public View getView(int position, View convertView, ViewGroup parent) {
          IconifiedTextView btv;
          if (convertView == null) {
               btv = new IconifiedTextView(mContext, mItems.get(position));
          } else { // Reuse/Overwrite the View passed
               // We are assuming(!) that it is castable!
               btv = (IconifiedTextView) convertView;
               btv.setText(mItems.get(position).getText());
               btv.setIcon(mItems.get(position).getIcon());
          }
          return btv;
     }
 
Parsed in 0.038 seconds,  using GeSHi 1.0.8.4

and replace it with this:

Syntax: [ Download ] [ Hide ]

Using java Syntax Highlighting

 
     /** Bind our Views */
     public View getView(int position, View convertView, ViewGroup parent) {
         /** Inflate our Context */
         LayoutInflater inflater = (LayoutInflater)mContext.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
         /** Fill our Views*/
         if(convertView == null) { 
              convertView = inflater.inflate(R.layout.list_rows, parent, false); 
         }      
          ((TextView)convertView.findViewById(R.id.text1)).setText(mItems.get(position).getText());         
          ((ImageView)convertView.findViewById(R.id.icon)).setImageDrawable(mItems.get(position).getIcon());
                                                        
                return convertView;
     }
 
Parsed in 0.038 seconds,  using GeSHi 1.0.8.4

In CallLogDisplayer.java add this line directly under "super.onCreate(savedInstanceState) {"

Syntax: [ Download ] [ Hide ]

Using java Syntax Highlighting

setContentView(R.layout.main);
 
Parsed in 0.035 seconds,  using GeSHi 1.0.8.4

You must now create a list_rows.xml file in your layout folder with the appropriate styling for R.id.text1 and R.id.icon. Your main.xml should look something like this:

Syntax: [ Download ] [ Hide ]

Using xml Syntax Highlighting

<?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" >
       
 <ListView android:id="@android:id/list" 
        android:layout_width="fill_parent" 
        android:layout_height="fill_parent"  />
       
 <TextView android:id="@android:id/empty" 
        android:layout_width="fill_parent" 
        android:layout_height="fill_parent" 
        android:text="Nothing to display" 
        android:gravity="center" 
        android:textAppearance="?android:attr/textAppearanceLarge" />            
 
</LinearLayout>
 
Parsed in 0.003 seconds,  using GeSHi 1.0.8.4

Finally, clean up: delete the IconifiedTextView.java file, as it is no longer needed.

I hope this helps some people. Styling in XML is preferable in Android, as it better accommodates many api resources. I am new to Java/Android so this may not be the "correct way" or bug-proof in any way. Works well for me.

Feel free to ask me for help with this if you can't figure it out. I know how hard it is for us new guys.

- iPaul Pro

ub · by ub » Mon May 18, 2009 10:12 pm

thanks for that great tutorial...

how can I customize the listitemview corresponding to user input? I like to draw a custom background when user performs a click. how can I code this?

regards.

arams · by **arams** » Wed May 20, 2009 7:36 am

Thanks to +Minus for doing such a great work....

I have a doubt.....

i create a iconified textview(it looks fine)...but when i am using this iconified text view to some other class the listener did not work fine....

Did u have any idea about that ....
Thanks...

Iconified TextList - The making of

hello everyone

HI

Relative Layout Parameters in Java styling

IconifiedList with XML Layout

Who is online