windows phone - How to accessicon from images using position in XAML style sheet -

-

how accessicon images using position in xaml style sheet

like have below image , want access icon @ 2 row , 2 column

by using xaml style sheet idea.

http://www.evohosting.co.uk/blog/wp-content/uploads/2011/07/blue.jpg

thank you

that image not conducive being split (some of shadows overlap icons below), if want can:

  1. create class has method returns icon icon sheet given row , column
  2. create converter calls method , use source binding of image.

this class takes source image , width , height of each icon. given row , column index, geticon function calculates x , y position of icon , returns croppedbitmap containing icon. icons ask cached don't end creating same icon multiple times.

public class iconsheet {     public bitmapimage sheetsource;      private int iconwidth, iconheight;      private dictionary<tuple<int, int>, croppedbitmap> cache =                     new dictionary<tuple<int, int>, croppedbitmap>();      public iconsheet( bitmapimage sheetsource, int iconwidth, int iconheight )     {         sheetsource = sheetsource;         this.iconwidth = iconwidth;         this.iconheight = iconheight;     }      public bitmapsource geticon( int row, int column )     {         var key = tuple.create( row, column );         if( !cache.containskey( key ) )         {             cache.add( key, new croppedbitmap( sheetsource, new int32rect(                     column * iconwidth, row * iconheight, iconwidth, iconheight ) ) );         }         return cache[key];     } }

next create ivalueconverter takes iconsheet value , row , column parameter (formatted string "row,col"). calls geticon method row , column returns bitmapsource can use source of our image.

[valueconversion( typeof( bitmapimage ), typeof( bitmapsource ) )] public class iconsheetindexer : ivalueconverter {     public object convert( object value, type targettype, object parameter, system.globalization.cultureinfo culture )     {         var iconsheet = (value iconsheet);         var coords = (parameter string).split( ',' ).select( s => int.parse( s.trim() ) ).tolist();         return iconsheet.geticon( coords[0], coords[1] );     }      public object convertback( object value, type targettype, object parameter, system.globalization.cultureinfo culture )     {         return null;     } }

in xaml, we'll define 3 parameters our constructor takes - icon sheet bitmapimage , width , height of each icon. we'll define converter resource.

<window.resources>     <bitmapimage x:key="iconsheetsource" urisource="blue.jpg" />     <sys:int32 x:key="iconwidth">95</sys:int32>     <sys:int32 x:key="iconheight">95</sys:int32>     <local:iconsheetindexer x:key="iconsheetindexer"/> </window.resources>

in code-behind, create iconsheet using parameters defined in xaml resources:

public partial class mainwindow : window {     public iconsheet iconsheet { get; private set; }     public mainwindow()     {         initializecomponent();          iconsheet = new iconsheet( this.findresource( "iconsheetsource" ) bitmapimage,             (int)this.findresource( "iconwidth" ),             (int)this.findresource( "iconheight" ) );          this.datacontext = this;     } }

then if want use, example, icon @ row 1, column 3:

<image source="{binding iconsheet, converter={staticresource iconsheetindexer}, converterparameter='1,3'}" stretch="none"/>

results (as uniformgrid each of 16 icons bound image):

example app


Comments

Post a Comment

Popular posts from this blog

c++ - Linked List error when inserting for the last time -

-
so have part of code here this loop 5 times (max = 5) insert word link list. for ( int = 0 ; < max ; i++ ) { string alphabet = g->returnalphabets(); l[i]->addwords(alphabet[i]); } and have insert word part here string line; fstream myfile ("words.txt"); while (!myfile.eof()) { getline(myfile,line); if ( alphabet == line[0] ) { listnode *newnode = new listnode; if ( head == null ) { newnode->item = alphabet; newnode->next = null; head = newnode; } else { newnode->item = line; prev = cur; prev->next = newnode; } cur = newnode; } } myfile.close(); my problem gives me error on last loop. meaning on max = 4, insert node. rest of loop fine. when decrease max 4 meaning loop 4 times, program error-free when program loops 5 times gives error. anyone can poin...
Read more

java - activate/deactivate sonar maven plugin by profile? -

-
i use sonar plugin executes if activated in maven profile. sonar runs on every compile. the problem build fail other team members not have sonar application installed locally. pom.xml checked in team members same copy including sonar configuration, don't want them modify purpose of disabling sonar (they might inadvertently check modified copy in). please advise how configure maven (.m2/settings.xml) and/or pom.xml sonar feature can enabled/disabled local profile. here sonar configuration in each project's pom.xml: <plugin> <groupid>org.codehaus.mojo</groupid> <artifactid>sonar-maven-plugin</artifactid> <version>1.0</version> <executions> <execution> <id>make-sonar</id> <phase>compile</phase> <goals> <goal>sonar</goal> </goals> </execution> </executions> ...
Read more

tsql - Pivot with Temp Table (definition for column must include data type) -- SQL Server 2008 -

-
the following returning 2 errors: 'the definition column '0.63' must include data type.' 'the select list insert statement contains fewer items insert list. number of select values must match number of insert columns.' i understand need assign data type columns being inserted temp table don't quite understand how dynamic code however. if explanation on how @cols variable code working , specific issue. fldpk data type int , pivot fields i.e. @cols, float data type. declare @cols nvarchar(max), @query nvarchar(max); select @cols = stuff((select distinct ',' + quotename(fldci) fn_qryt_1() xml path(''), type ).value('.', 'nvarchar(max)') ,1,1,'') set @query = 'select fldpk, ' + @cols + ' ( select fldpk ,fldni ...
Read more