×
Namespaces

Variants
Actions

Talk:Tabbed interface with Pivot animation for Windows Phone

From Nokia Developer Wiki
Jump to: navigation, search

Contents

SB Dev - Great information

I really like this article. One question though: most people will not be using XAML-defined icons in their Apps but rather high resolution bitmap images in various formats (PNG, JPEG) as those are more freely available and many graphics designers don't know how to convert their assets to a XAML format. I believe it would be a great addition showing how images could be used in a similar fashion.

SB Dev (talk) 10:53, 17 September 2013 (EEST)

Depechie -

You are true by stating that many users will opt for the image approach! But to be honest, it's actually better to use xaml because this will give you full resolution independent images.

The way to go is from image transform to SVG and than to XAML.

Other reason why we need the XAML, because of the use of the FILL property inside the listbox item states. If we don't use this, we need to change images all the time for representing a selected one and a unselected one. ( resulting in more images needed in the app )

Depechie (talk) 11:04, 17 September 2013 (EEST)

SB Dev -

Yes, I agree that it is the technically superior approach but it won't be viable in all situations and for all developers, which is the reason I brought it up.

So I totally agree that the best way to solve this is using vector graphics but to show the alternate route as well would, in my opinion, help lots of people. It's just a suggestion though.

SB Dev (talk) 11:37, 17 September 2013 (EEST)

Depechie -

I'll check the project, to see if I can tweak it a bit... so that a full images usages would also be possible :)

Depechie (talk) 11:39, 17 September 2013 (EEST)

Hamishwillee - Subedited/Reviewed

Hi Depechie

Another excellent article. I've subedited this, the main edits being to consolidate the introduction. Please check that this is OK.

You will note that what you're calling a pivote with path control icons is what I call a tabber/tabbed interface with a pivot tab-transition :-) I think "tab" is something people will understand better. Propose new title "Tabbed interface with Pivot animation for Windows Phone"

I agree with SB Dev that some people will be getting their graphics in different formats so would be nice to support that too. My first impression though was "what are all these numbers" (yes, I know explain it!). If possible, consider if this data could be loaded from an icon file.

Thanks for this!

regards

Hamish

hamishwillee (talk) 07:06, 19 September 2013 (EEST)

Depechie -

Ok, the title does indeed give more meaning :)

About the images, I'll give it a try, but can't promise anything... because of the image switching when pressing an item, I'm not sure I can get this working in a generic way ( it has to go into the style definition - states ).

Depechie (talk) 10:48, 19 September 2013 (EEST)

Hamishwillee - That will be good enough

Hey, as long as the article clearly states what it does then it is perfectly fine. Getting it to work with images as we've discussed would be great, but its "bonus points".-

Thanks

H

hamishwillee (talk) 13:14, 19 September 2013 (EEST)

Arafattehsin - Good read!

Thanks for sharing such a nice article. Appreciate it. :)

arafattehsin (talk) 20:43, 2 December 2013 (EET)

Monto - Visual States not working on Dynamic List

Thanks for this helpful post. But unfortunately, the visual state changes are not working if I use Binding in the header list, because my Pivot items are dynamic. I mean the colors are not changing as I select different items on list. Any Ideas?

monto (talk) 21:23, 13 February 2014 (EET)

Depechie -

Hey Monto, not sure why... can you provide some sample code?

Ping me on twitter if you like @depechie

Depechie (talk) 18:03, 20 February 2014 (EET)

SY00 - What's it?

how about "M37.786324,45.467003C39.394405,45.467003 40.702843,46.774002 40.702843,48.383999 40.702843,49.994999 39.394405,51.299996 37.786324,51.299996 36.178245,51.299996 34.869808,49.994999 34.869808,48.383999 34.869808,46.774002 36.178245,45.467003 37.786324,45.467003z M26.671389,45.467003C28.282196,45.467003 29.582848,46.774002 29.582848,48.383999 29.582848,49.994999 28.282196,51.299996 26.671389,51.299996 25.060581,51.299996 23.749926,49.994999 23.749926,48.383999 23.749926,46.774002 25.060581,45.467003 26.671389,45.467003z M42.511345,36.764008C44.122189,36.764008 45.432873,38.069786 45.432873,39.680516 45.432873,41.291245 44.122189,42.597023 42.511345,42.597023 40.900505,42.597023 39.599827,41.291245 39.599827,39.680516 39.599827,38.069786 40.900505,36.764008 42.511345,36.764008z M31.961349,36.764008C33.572155,36.764008 34.872807,38.069786 34.872807,39.680516 34.872807,41.291245 33.572155,42.597023 31.961349,42.597023 30.350542,42.597023 29.039886,41.291245 29.039886,39.680516 29.039886,38.069786 30.350542,36.764008 31.961349,36.764008z M20.771337,36.764008C22.382177,36.764008 23.692862,38.069786 23.692862,39.680516 23.692862,41.291245 22.382177,42.597023 20.771337,42.597023 19.160496,42.597023 17.859817,41.291245 17.859817,39.680516 17.859817,38.069786 19.160496,36.764008 20.771337,36.764008z M26.491566,0C32.521801,8.3675695E-07 37.622181,4.5700085 39.312214,10.863009 40.262218,10.601992 41.252262,10.450991 42.272339,10.450991 48.382656,10.450991 53.333004,15.399997 53.333004,21.506993 53.333004,25.436009 51.282841,28.877995 48.192707,30.84 46.952648,31.847996 45.372604,32.457005 43.66243,32.468998 43.202442,32.524998 42.752346,32.563999 42.272339,32.563999 41.812351,32.563999 41.362377,32.528019 40.922287,32.472019L12.440745,32.472019C11.990769,32.528019 11.530662,32.563999 11.060665,32.563999 4.9503445,32.563999 0,27.804997 0,21.933995 0,16.063998 4.9503445,11.302004 11.060665,11.302004 11.900677,11.302004 12.72079,11.40201 13.510751,11.575014 15.000823,4.9209912 20.241222,8.3675695E-07 26.491566,0z" ??

SY00 (talk) 09:38, 15 March 2014 (EET)

Depechie -

It is mentioned in the text, that are the icons but in xaml

Depechie (talk) 11:03, 15 March 2014 (EET)