CustomListView - A flexible list based on ScrollView

Erel · Oct 27, 2012

I recommend you to start a new thread for the first question and also provide more information. Do you want to show the two lists?

The screenshot tool works with USB debug mode only. Some tablets have a screenshot soft button which you can use instead.

macnlkc · Oct 31, 2012

Erel, thanks for all the great help. I am just about finished with the first pass of the application.

I do have one question. How do I highlight a selection in the list once it is touched? The CustomListView class doesn't seem to have support for this capability.

:sign0104:

Erel · Nov 1, 2012

You should see an orange highlight when you touch an item:

It will only show when you press on the item background.

IanMc · Nov 12, 2012

Observations and questions

I noticed that when I choose Project > Add Existing Module
it takes a copy of the module and places it in my project folder so I made a new 'Classes' folder in my Basic4Android installation folder so that I have these three now:

Additional Libraries
Classes
Libraries

That way I always know where they are.

I like the CustomListView because based on the ScrollView it shows a little scroll bar which indicates how much stuff you are scrolling through.

It may be a bit overkill for what I want though as I only want to display lines of text, perhaps in different colours but I want a terminal type view like this:

>this is an outgoing line of text
<this is an incoming line of text
>this is another outgoing line of text

etc. So I don't want any dividers or spacing between the lines of text and I'd also like to be able to programmatically force to the bottom, newly added line of text.

This type of view might also be used for a chat client etc.

Would this be easy to accomplish with the CustomListView class?
:sign0104:

Erel · Nov 13, 2012

CustomListView is a good tool for this job. You can set dividerHeight to 0 instead of 2dip.

You can then use AddTextItem to add each line.

You can control the color by changing DefaultTextBackgroundColor before adding the text.

Call JumpToItem to jump the last item.

IanMc · Nov 13, 2012

Thanks, I changed dividerHeight to 0 and the dividers have gone but there is still a space between each line that corresponds to about 2 lines.

I'd like to have the lines one on top of the other if possible.

Can't immediately see anything obvious, probably has something to do with panel Height.

What would be the best thing to alter to achieve this?

Erel · Nov 13, 2012

You should modify Sub InsertAtTextItem. Remove the line that sets the minimum height to 50dip.

IanMc · Nov 13, 2012

Yes that did it, perfect, thanks!

I do have one more question.

Is it possible to set instances of the CustomListView to be app-wide globals? so that I can add lines of text from other activities?

Erel · Nov 13, 2012

CustomListView behaves like any other view. It is an "activity object" which means that you cannot directly access it from other modules.

You can use CallSubDelayed to call a sub in the parent activity that will add the items (this is useful if you want to add items from a service).

macnlkc · Nov 15, 2012

How do you leave an item highlighted that has been selected? Since I use two CustomListView (One master and one slave) I want the master to denote what was touched (thus leave the touched item highlighted). Is this possible? I haven't been able to figure out how to do this yet.

Erel · Nov 16, 2012

You can set the Panel state to 'pressed' with code similar to: http://www.b4x.com/forum/basic4andr...22620-button-pressed-property.html#post131155

You can use CallSubDelayed to set it from Panel_Click event.

IanMc · Nov 28, 2012

Get CustomListView item or index number

Hi, I'm not sure if this question has already been answered but I have created a CustomListView and populated it with lines of text using clv1.AddTextItem

I can see that each time I press on a line it changes colour, what I need to do is to have a click event so that when I press on a line and it changes colour the click event is called allowing me to get the index of the line pressed, then I should be able to get the content of that line.

Is this easy to accomplish?

PS I've initialised the CustomListView like this:
clv1.Initialize(Me, "clv1")

Erel · Nov 29, 2012

You should handle the ItemClick event. See the example.

IanMc · Nov 29, 2012

Thanks Erel, figured it out

Gunther · Dec 3, 2012

How to set background to transparent?

Dear Erel,

how and where one can set the backcolor of the list to transparent so that one can see a bitmap added to the activity?

Gunther

klaus · Dec 3, 2012

You should use:

B4X:

ListView1.Color = Colors.Transparent
ListView1.ScrollingBackgroundColor = Colors.Transparent

Best regards.

roarnold · Dec 28, 2012

Custom List View

Erel, or whomever,

I attempted to utilize the CustomListView given the information I will be using and I get an error that it wants a .jar file. I don't see one. Is it to be implemented a different way?

Thanks,
R

Erel · Dec 28, 2012

Can you post the exact error message?

CustomListView class depends on StringUtils library.

zeuspower · Jan 12, 2013

:sign0098: as always...

I have a small problem...
I populate the list perfect with the addtextItem

one Item is a phone number,I want to click on it and open the call phone dialog...Ok ,i did it but because i also want a small icon next to the phone number,so i tried for a start to use IN MY CODE the createListItem ...
Think something like a mix with addTextItems -Rows and 1 or 2 rows with
graphics and text

but i get a compile error:

B4X:

Compiling code.       
                  Error
Error compiling program.
Error description: Current declaration does not match previous one.
Previous: {Type=Phone,Rank=0}
Current: {Type=Panel,Rank=0}
Occurred on line: 679
Dim p As Panel

ON THIS LINE :
 Sub CreateListItem(Text As String, Width As Int, Height As Int) As Panel
   Dim p As Panel

mc73 · Jan 12, 2013

Δύναμη Διός, κάπου στον κώδικα σου έχεις δηλώσει μάλλον dim p as phone. Άλλαξε το dim p as panel σε κάποιο άλλον όνομα π.χ. p2.

CustomListView - A flexible list based on ScrollView

B4X founder

Member

B4X founder

Well-Known Member

B4X founder

Well-Known Member

B4X founder

Well-Known Member

B4X founder

Member

B4X founder

Well-Known Member

B4X founder

Well-Known Member

Active Member

Expert

Active Member

B4X founder

Member

Well-Known Member

Privacy & Transparency

Privacy & Transparency