Discussion :

[StringBuilder]

Bonjour,

J'essaie de faire une application pour Windows 10 avec Visual Studio 2015 Community.

Ayant une assez bonne expérience en WinForms, pour la partie C# à proprement parler, pas de souci majeur.

En revanche, côté interface graphique, je patauge dans la choucroute...

Je souhaite faire un truc tout simple.

Sur ma page, je veux un découpage en deux colonnes :
- Une liste à gauche, une liste à droite.
- Chacune des deux listes préfixées avec un titre.

Simple.

Mais voilà, j'y arrive pas.
Le designer ne fait pas du tout ce que je veux. Et en code, je fait de la 5 lettres.

J'ai de bonnes bases en HTML, mais un peu vieillot, de l'époque du HTML 3 et 4, à la grande époque des tableaux...

Voici ce que j'ai pour le moment :

Code xml :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
<Page
    x:Class="MonProjet.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:MonProjet"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d">
 
    <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}" Margin="0,0,0,0">
        <TextBlock x:Name="textBlock" HorizontalAlignment="Center" Margin="0,10,150,0" TextWrapping="Wrap" VerticalAlignment="Top">
            Titre liste 1
        </TextBlock>
        <ListView BorderBrush="Aquamarine" BorderThickness="3"  x:Name="listView" HorizontalAlignment="Left" Margin="0,35,0,0" VerticalAlignment="Top" Height="150" Width="145"/>
 
        <TextBlock x:Name="textBlock2" HorizontalAlignment="Center" Margin="150,10,0,0" TextWrapping="Wrap" VerticalAlignment="Top">
            Titre liste 2
        </TextBlock>
        <ListView BorderBrush="Red" BorderThickness="3"  x:Name="listView2" HorizontalAlignment="Left" Margin="155,35,0,0" VerticalAlignment="Top" Height="150" Width="145"/>
    </Grid>
</Page>

Ce qui donne deux pauvres titres pas en face du tout des listes, et deux listes de toute petite taille, remplies avec des lignes dans une police énorme donc totallement illisible...

Pour le moment, je veux faire un truc simple. Portrait ou paysage, même aspect. Avec un positionnement et un dimensionnement des objets dynamique en fonction de la taille de l'écran. Deux colonnes avec un titre et les listes qui vont jusqu'en bas, avec une taille de police (titre et lignes des listes) en taille "normale" en fonction de la résolution de l'écran.

[StringBuilder]

Bon, c'est bon...

J'ai fini par trouver un tutorial qui expliquait bien la chose.

http://wpftutorial.net/GridLayout.html