Listview Item Without Icon Shows Empty Space

[buymeapc 2]

Hi all,

I'm trying to create a listview with subitem icons and I achieved this by simply rearranging the order of the columns, so that the first column is in the middle, thus appearing as a subitem with an icon - this method prevents the "icon clipping" that happens when using subitem icons in a listview. My issue is that when I select a row that does not have an icon, the space where the icon would be is white. Is there a way to make this transparent, so it looks like the entire row is selected?

Here's an example - click the second listview item/row to see a blank space where the icon would be.

#include <GuiConstantsEx.au3>
#include <GuiListView.au3>
#include <GuiImageList.au3>
#include <WindowsConstants.au3>

_Main()

Func _Main()
    Local $hGui, $listview, $hImage
    Local $iLV_EXStyle_NoChecks = BitOR($LVS_EX_GRIDLINES, $LVS_EX_FULLROWSELECT, $LVS_EX_SUBITEMIMAGES, $LVS_EX_DOUBLEBUFFER, $LVS_EX_HEADERDRAGDROP)

    $hGui = GUICreate("Listview Test With Icons", 400, 300)
    $listview = GUICtrlCreateListView("Col 1|Col 2|Col 3", 2, 2, 394, 268, BitOR($LVS_REPORT, $LVS_SHAREIMAGELISTS))
    _GUICtrlListView_SetExtendedListViewStyle($listview, $iLV_EXStyle_NoChecks)
    GUISetState()

    ; Create the image list
    $hImage = _GUIImageList_Create(16, 16, 5, 3)
    _GUIImageList_AddIcon($hImage, @SystemDir & "\shell32.dll", 165)
    _GUICtrlListView_SetImageList($listview, $hImage, 1)

    ; Set the order so the first column is moved to the middle,
    ; acting like a subitem with an icon
    _GUICtrlListView_SetColumnOrder($listview, "1|0|2")
    
    ; Add the items
    GUICtrlCreateListViewItem("Item1|Item2|Item3", $listview)
    GUICtrlCreateListViewItem("Item4|Item5|Item6", $listview)
    
    ; Set an icon for just the first item
    _GUICtrlListView_SetItemImage($listview, 0, 0)

    Do
    Until GUIGetMsg() = $GUI_EVENT_CLOSE
    GUIDelete()
EndFunc   ;==>_Main

 

[Earthshine 769]

snip. don't know. your requirements seem weird to me. why can't everyone have an icon? even just a '-' character?

I see no clipping in the example that you got your code from in the Help file

Edited January 18, 2018 by Earthshine

[buymeapc 2]

It's going to be a list of applications which will have a column for updates that are available. If there's an update available, it shows a 'new' icon with the new version. If no update is necessary, it's just an empty subitem. And if an item with no updates available is selected, it just looks weird with this white square in the subitem. I was hoping there was some trick to make it blend in.

I've attached an image where I've selected the item without an icon and it shows the 'placeholder' where an icon would be as a white square - it just looks weird to me.

[Earthshine 769]

I kind of like it, like a tree node. but I hope you can make it transparent. good luck. there are other gui and color wizards around here than me for that.

[careca 278]

didnt try but, maybe set background color for that item as blue when selected?

I placed a white icon and it looks like this

 

Edited January 20, 2018 by careca

[mikell 1,112]

You might use a dirty workaround... create a zero-width column 0 and set it at the last column position

expandcollapse popup

#include <GuiConstantsEx.au3>
#include <GuiListView.au3>
#include <GuiImageList.au3>
#include <WindowsConstants.au3>

_Main()

Func _Main()
    Local $hGui, $listview, $hImage
    Local $iLV_EXStyle_NoChecks = BitOR($LVS_EX_GRIDLINES, $LVS_EX_FULLROWSELECT, $LVS_EX_SUBITEMIMAGES, $LVS_EX_DOUBLEBUFFER, $LVS_EX_HEADERDRAGDROP)

    $hGui = GUICreate("Listview Test With Icons", 400, 300)
    $listview = GUICtrlCreateListView("|Col 1|Col 2|Col 3", 2, 2, 394, 268, BitOR($LVS_REPORT, $LVS_SHAREIMAGELISTS))
    _GUICtrlListView_SetExtendedListViewStyle($listview, $iLV_EXStyle_NoChecks)
    GUISetState()

    ; Create the image list
    $hImage = _GUIImageList_Create(16, 16, 5, 3)
    _GUIImageList_AddIcon($hImage, @SystemDir & "\shell32.dll", 165)
    _GUICtrlListView_SetImageList($listview, $hImage, 1)

    ; Set the order so the first column is moved to the end
    _GUICtrlListView_SetColumnWidth($listview, 0, 0)
    _GUICtrlListView_SetColumnOrder($listview, "1|2|3|0")

    ; Add the items
    GUICtrlCreateListViewItem("|Item1|Item2|Item3", $listview)
    GUICtrlCreateListViewItem("|Item4|Item5|Item6", $listview)
    
    ; Set an icon for just the first item
    _GUICtrlListView_SetItemImage($listview, 0, 0, 2)

 
    Do
    Until GUIGetMsg() = $GUI_EVENT_CLOSE
    GUIDelete()
EndFunc   ;==>_Main

 

[buymeapc 2]

On 1/21/2018 at 8:44 AM, mikell said:

You might use a dirty workaround... create a zero-width column 0 and set it at the last column position

Perfect idea!! This was exactly the look I was looking for. Thank you mikell!!