2012-10-14 3 views
1

Yat-il un moyen ou un modèle de taille générale créé pour l'application Windows 8 en utilisant xaml afin que nous puissions créer une application de différentes tailles d'écran et DPI. Comme nous avons dans Android, nous mettons des images et l'interface utilisateur de l'écran dans différents dossiers et l'application le prend en fonction de la taille de l'écran et DPI différents? J'essaye de concevoir un modèle général pour ceci mais demande juste si MS a déjà créé quelque chose comme ceci?Application Windows 8 Utilisation de Xaml et C# pour différentes tailles d'écran et DPI?

Répondre

5

Outre les modèles par défaut fournis avec VS2012 Je ne suis pas au courant d'autres modèles. Travailler avec le diff. Les exigences ne sont pas si difficiles si vous savez comment démarrer. Voici quelques informations que vous pourriez avoir déjà vu, mais je vais l'ajouter ici pour ceux que vous lire des questions à la recherche de quelques informations :)

Il existe différentes recommandations pour mise à l'échelle à la taille de l'écran et la résolution.

En ce qui concerne la densité des pixels et des images:

Guidelines for scaling to pixel density (Windows Store apps)

Fondamentalement, vous créez des dossiers comme ceci:

Option # 1 - convention de nommage du fichier: ... \ test.scale -100.jpg \ test.scale-140.jpg \ test.scale-180.jpg

Option # 2 - désignation des dossiers Convention: ... \ échelle 100 \ test.jpg \ échelle 140 \ test.jpg \ échelle 180 \ test.jpg

en XAML

<Image Grid.Row="0" Grid.Column="1" x:Name="testImage" Source="test.jpg" Margin="2,2,2,2"/> 

Le chargement des ressources est intelligent et va chercher l'image de droite de la droite dossier

En ce qui concerne l'extension aux écrans

Guidelines for scaling to screens (Windows Store apps)

Vous pouvez:

a) Avoir une mise en page fixe échelles pour adapter à l'écran Créer un contrôle Viewbox et ajoutez vos commandes à elle, définissez la taille à la taille minimale que vous voulez soutenir. N'ajoutez pas d'appbars ou autres éléments adaptatifs par défaut! Définissez le style et la couleur du letterboxing, et n'oubliez pas d'ajouter des res res. images que j'ai montré ci-dessus. OU utiliser des graphiques vectoriels ou XAML.

b) Mise en page adaptative, - vérifier les modèles par défaut qui viennent avec VS2012, ils utilisent la mise en page adaptative.

c) Je suis sûr qu'il existe d'autres options/variantes

Questions connexes