Lazarus
Home
Help
TinyPortal
Search
Login
Register
Lazarus
»
Forum
»
Programming
»
General
»
Styling ListView with icons
Free Pascal
Website
Downloads
Wiki
Documentation
Bugtracker
Mailing List
Lazarus
Website
Downloads (Laz+FPC)
Packages (OPM)
FAQ
Wiki
Documentation (RTL/FCL/LCL)
Bugtracker
CCR Bugs
IRC channel
GIT
Mailing List
Other languages
Foundation
Website
Useful Wiki Links
Project Roadmap
Getting the Source
Screenshots
How to use the forum
About donations (wiki)
Bookstore
Computer Math and Games in Pascal
(preview)
Lazarus Handbook
Search
Advanced search
Recent
Parameter passing odditie...
by
KodeZwerg
[
Today
at 11:04:39 pm]
Can function be used for ...
by
jamie
[
Today
at 10:53:10 pm]
(Solved) TIndexedAVLTree ...
by
lainz
[
Today
at 10:49:03 pm]
Demo Scene Picture sinwav...
by
KodeZwerg
[
Today
at 10:26:21 pm]
fkInternalCalc
by
zraja
[
Today
at 09:31:07 pm]
A fairly simple sound sol...
by
KodeZwerg
[
Today
at 09:23:37 pm]
add new targets to make
by
marcov
[
Today
at 08:38:42 pm]
how to tweek fpmake to co...
by
marcov
[
Today
at 08:29:16 pm]
Quirky windows
by
ASerge
[
Today
at 07:07:16 pm]
[Request] Demo Scene Sub ...
by
Gigatron
[
Today
at 06:29:39 pm]
Unlocking Files
by
KodeZwerg
[
Today
at 06:03:08 pm]
[SOLVED] trunk bug for mi...
by
Key-Real
[
Today
at 05:56:32 pm]
Demo Scene Bitmap Font Sc...
by
Gigatron
[
Today
at 05:56:27 pm]
Compile/Convert Delphi pr...
by
Martin_fr
[
Today
at 05:43:11 pm]
Generics - correct syntax
by
Thaddy
[
Today
at 05:40:59 pm]
Lazarus for Windows on aa...
by
msintle
[
Today
at 05:32:42 pm]
InstallAware Using Lazaru...
by
msintle
[
Today
at 05:26:36 pm]
Xcode Command Line Tools ...
by
Joseph
[
Today
at 05:16:39 pm]
Offical launch of the 1 B...
by
Hartmut
[
Today
at 04:49:29 pm]
what to do if my target M...
by
nickysn
[
Today
at 04:16:02 pm]
compiler error in unit
by
paule32
[
Today
at 03:49:50 pm]
Multithreading - synchron...
by
mika
[
Today
at 01:48:51 pm]
May be useful to somebody
by
KodeZwerg
[
Today
at 12:38:22 pm]
match automatic highlight...
by
Чебурашка
[
Today
at 11:35:14 am]
Tchart with dual numbers ...
by
wp
[
Today
at 10:48:18 am]
« previous
next »
Print
Pages: [
1
]
Author
Topic: Styling ListView with icons (Read 1015 times)
AsleyCruz
Jr. Member
Posts: 99
Styling ListView with icons
«
on:
February 29, 2020, 07:10:06 pm »
Hello team,
Please, help me with this view. See attached image.
Can you provide me a code to do that grid with icons? (It's from Firefox downloads window)
Icon on left. Main title on right and below title, some text.
Many thanks in advance.
Logged
Graphic & web designer
lucamar
Hero Member
Posts: 4219
Re: Styling ListView with icons
«
Reply #1 on:
February 29, 2020, 07:33:32 pm »
Very basically, set
OwnerDraw
to True, set
ViewStyle
to vsReport and code handlers for the
OnCustomDraw*
or
OnAdvancedCustomDraw*
events.
It might be a little frustating if you want to make it cross-platform, and you'll probably not be able to achieve that exact look, but it shouldn't be too difficult; just a tad laborious to get the look you want.
Unfortunately I have neither an example at hand or time to build one, sorry
«
Last Edit: February 29, 2020, 07:35:03 pm by lucamar
»
Logged
Turbo Pascal 3 CP/M - Amstrad PCW 8256 (512 KB !!!)
Lazarus/FPC 2.0.8/3.0.4 & 2.0.12/3.2.0 - 32/64 bits on:
(K|L|X)Ubuntu 12..18, Windows XP, 7, 10 and various DOSes.
jamie
Hero Member
Posts: 6131
Re: Styling ListView with icons
«
Reply #2 on:
February 29, 2020, 08:23:32 pm »
There is a lot of ways to achieve that …
off the top of my head I would say using TDrawGrid. set it for 2 columns , adjust the cell width for the first one and turn off the grid lines.
You can maintain a TstringList off the side to be used when the OnDraw event is called. This list will hold the two lines for each entry and the object index value can be used to point to the icon in a list.
There is also the TvirualControls package you can install which gives you a lot of flex for doing such things.
Logged
The only true wisdom is knowing you know nothing
balazsszekely
Guest
Re: Styling ListView with icons
«
Reply #3 on:
February 29, 2020, 09:21:49 pm »
With VirtualTreeView you can easily achieve that look. Take a look at the following thread:
https://forum.lazarus.freepascal.org/index.php/topic,37834.0.html
It's very similar to your screenshot. You can download the demo project from here:
https://forum.lazarus.freepascal.org/index.php/topic,37834.msg256597.html#msg256597
PS: VTV works great in every major platform and widgetset(cocoa included).
«
Last Edit: February 29, 2020, 09:25:11 pm by GetMem
»
Logged
Print
Pages: [
1
]
« previous
next »
Lazarus
»
Forum
»
Programming
»
General
»
Styling ListView with icons
TinyPortal
© 2005-2018