Archived:How to change the highlighted listbox item background using Symbian C++
jimgilmour1
(Talk | contribs) m |
hamishwillee
(Talk | contribs) m (Hamishwillee - Adding missing translation link) |
||
| (10 intermediate revisions by 3 users not shown) | |||
| Line 1: | Line 1: | ||
| − | {{ | + | {{Archived|timestamp=20120313095721|user=roy.debjit| }} |
| − | {{ | + | [[Category:S60 3rd Edition (initial release)]][[Category:Symbian C++]][[Category:Code Examples]] |
| − | | | + | {{ArticleMetaData <!-- v1.2 --> |
| + | |sourcecode= [[Media:Tdjgmcqe(ListBoxItemHighlight).zip]] | ||
| + | |installfile= <!-- Link to installation file (e.g. [[Media:The Installation File.sis]]) --> | ||
| + | |devices= S60 Emulator | ||
| + | |sdk= <!-- SDK(s) built and tested against (e.g. [http://linktosdkdownload/ Nokia Qt SDK 1.1]) --> | ||
|platform= Symbian | |platform= Symbian | ||
| − | | | + | |devicecompatability= <!-- Compatible devices (e.g.: All* (must have GPS) ) --> |
| − | | | + | |dependencies= <!-- Any other/external dependencies e.g.: Google Maps Api v1.0 --> |
| − | | | + | |signing= <!-- Empty or one of Self-Signed, DevCert, Manufacturer --> |
| − | | | + | |capabilities= <!-- Capabilities required by the article/code example (e.g. Location, NetworkServices. --> |
|keywords= KAknsIIDQsnFrListCenter | |keywords= KAknsIIDQsnFrListCenter | ||
| + | |language= <!-- Language category code for non-English topics - e.g. Lang-Chinese --> | ||
| + | |translated-by= <!-- [[User:XXXX]] --> | ||
| + | |translated-from-title= <!-- Title only --> | ||
| + | |translated-from-id= <!-- Id of translated revision --> | ||
| + | |review-by= <!-- After re-review: [[User:username]] --> | ||
| + | |review-timestamp= <!-- After re-review: YYYYMMDD --> | ||
| + | |update-by= <!-- After significant update: [[User:username]]--> | ||
| + | |update-timestamp= <!-- After significant update: YYYYMMDD --> | ||
| + | |creationdate= 20090928 | ||
| + | |author= [[User:Chenziteng]] | ||
| + | <!-- The following are not in current metadata --> | ||
| + | |subcategory= S60 3rd FP1 | ||
}} | }} | ||
| + | |||
| − | = Overview = | + | == Overview == |
| − | On S60 3rd Edition the list-box is fully skinned, and the list-box item background is actually an image that is stitched together by nine small images (four edges, four corners and the central image). Every part is identified by an ID like the KAknsIIDQsnFrListCenter. You can find the definition of the IDs in the system header file AknsConstants.h. | + | On S60 3rd Edition the list-box is fully skinned, and the list-box item background is actually an image that is stitched together by nine small images (four edges, four corners and the central image). Every part is identified by an ID like the '''KAknsIIDQsnFrListCenter'''. You can find the definition of the IDs in the system header file AknsConstants.h. |
The following code shows how to override the skin image for list-box highlighted item background (central part) by a self-created bitmap. | The following code shows how to override the skin image for list-box highlighted item background (central part) by a self-created bitmap. | ||
| Line 42: | Line 59: | ||
</code> | </code> | ||
| − | = Source | + | == Source code == |
Full example (you should change the hard-coded mbm path in order to run it on target): | Full example (you should change the hard-coded mbm path in order to run it on target): | ||
| − | [ | + | [[File:Tdjgmcqe(ListBoxItemHighlight).zip]] |
Screenshot: | Screenshot: | ||
[[File:Tdjgmcqe(ListBoxItemHighlight).PNG]] | [[File:Tdjgmcqe(ListBoxItemHighlight).PNG]] | ||
| − | + | <!-- Translation --> [[zh-hans:如何改变列表框当前项的背景]] | |
| − | [[ | + | |
Latest revision as of 08:58, 18 September 2012
Archived: This article is archived because it is not considered relevant for third-party developers creating commercial solutions today. If you think this article is still relevant, let us know by adding the template {{ReviewForRemovalFromArchive|user=~~~~|write your reason here}}.
Article Metadata
Code Example
Source file: Media:Tdjgmcqe(ListBoxItemHighlight).zip
Tested with
Devices(s): S60 Emulator
Compatibility
Platform(s): Symbian
Article
Keywords: KAknsIIDQsnFrListCenter
Created: chenziteng
(28 Sep 2009)
Last edited: hamishwillee
(18 Sep 2012)
Overview
On S60 3rd Edition the list-box is fully skinned, and the list-box item background is actually an image that is stitched together by nine small images (four edges, four corners and the central image). Every part is identified by an ID like the KAknsIIDQsnFrListCenter. You can find the definition of the IDs in the system header file AknsConstants.h.
The following code shows how to override the skin image for list-box highlighted item background (central part) by a self-created bitmap.
void CTdjgmcqeListBox::ConstructL(
const TRect& aRect,
const CCoeControl* aParent,
MEikCommandObserver* aCommandObserver )
{
...
_LIT(KMbmFile, "z:\\resource\\apps\\Tdjgmcqe.mbm"); // not good to use a hard-coded path, but anyway this is just a sample code.
MAknsSkinInstance* skin = AknsUtils::SkinInstance();
CAknsItemData* item = skin->GetCachedItemData(KAknsIIDQsnFrListCenter);
if(item==NULL)
{
item = skin->CreateUncachedItemDataL(KAknsIIDQsnFrListCenter);
}
if(item->Type()==EAknsITMaskedBitmap)
{
CAknsItemDef* def = AknsUtils::CreateMaskedBitmapItemDefL(KAknsIIDQsnFrListCenter, KMbmFile, EMbmTdjgmcqeListboxitemhightlightcenter, EMbmTdjgmcqeListboxitemhightlightcentermask);
skin->SetLocalItemDefL(def);
}
/*
// change the highlighted item text color
iListBox->ItemDrawer()->SetHighlightedTextColor(KRgbRed);
*/
}
Source code
Full example (you should change the hard-coded mbm path in order to run it on target):
File:Tdjgmcqe(ListBoxItemHighlight).zip
Screenshot:

