Discussion :

[agparchitecture]

Bonjour à tous, je rencontre actuellement un problème avec un tabcontrol dans avalonia. En effet, le premier tabitem se présente bien comme souhaité mais lors du passage au tabitem 2 , le tab control se redimensionne. Je comprend bien que le contenu du tabitem 2 est plus petit que le tabitem1.

Par contre je ne parviens pas à fixer le tabcontrol de manière à ce que le tabitem 2 s'adapte à sont parent et pas l'inverse.

merci pour votre aide

Voici le code:

Code :

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
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
<UserControl xmlns="https://github.com/avaloniaui"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             xmlns:vm="using:EBooKLab.ViewModels.Pages"
			 mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="600"
             x:Class="EBooKLab.Views.Pages.A_ProposPageView"
			 x:DataType="vm:A_ProposPageViewModel"
			 FontSize="18">
 
	<Design.DataContext>
		<vm:A_ProposPageViewModel/>
	</Design.DataContext>
 
	<Grid VerticalAlignment="Center" HorizontalAlignment="Center">
 
		<Grid.ColumnDefinitions>
			<ColumnDefinition Width="Auto"/>
			<ColumnDefinition Width="*"/>
		</Grid.ColumnDefinitions>
 
		<Image
			Grid.Column="0"
			Source="/Assets/Logo01.jpg"
			Stretch="Uniform"
			VerticalAlignment="Center" HorizontalAlignment="Center"
			Width="125"/>
 
			<TabControl  
				Grid.Column="1"
				VerticalAlignment="Top"  Margin="5">
 
			<TabItem Header="A propos de" >
 
				<StackPanel Orientation="Vertical"
					HorizontalAlignment="Left"
					Spacing="10"
					Margin="5,15,5,5">
 
					<StackPanel
						Orientation="Horizontal"
						HorizontalAlignment="Left"
						Spacing="25">				
						<Image Source="/Assets/AppIcon.ico" Height="32"/>
						<TextBlock Text="{Binding NomCourt}" VerticalAlignment="Center" FontSize="24"/>
					</StackPanel>
 
					<Separator/>
 
					<Grid Margin="5">
						<Grid.ColumnDefinitions>
							<ColumnDefinition Width="Auto"/>
							<ColumnDefinition Width="*"/>
						</Grid.ColumnDefinitions>
						<Grid.RowDefinitions>
							<RowDefinition Height="*"/>
							<RowDefinition Height="*"/>
							<RowDefinition Height="*"/>
							<RowDefinition Height="*"/>
							<RowDefinition Height="*"/>
							<RowDefinition Height="*"/>
							<RowDefinition Height="*"/>
							<RowDefinition Height="*"/>
							<RowDefinition Height="*"/>
							<RowDefinition Height="*"/>
							<RowDefinition Height="*"/>
						</Grid.RowDefinitions>
 
						<TextBlock 
							Grid.Column="0" Grid.Row="0"
							Text="Nom court"
							Margin="5"/>
						<TextBlock
							Grid.Column="1" Grid.Row="0"
							Text="{Binding NomCourt}"
							Margin="5"/>
 
						<TextBlock
							Grid.Column="0" Grid.Row="1"
							Text="Nom long"
							Margin="5"/>
						<TextBlock
							Grid.Column="1" Grid.Row="1"
							Text="{Binding NomLong}"
							Margin="5"/>
 
						<TextBlock
							Grid.Column="0" Grid.Row="2"
							Text="Description"
							Margin="5"/>
						<TextBlock
							Grid.Column="1" Grid.Row="2"
							Text="{Binding Desciption}"
							Margin="5"/>
 
						<Separator Grid.Row="3" Grid.ColumnSpan="2" Margin="5"/>
 
						<TextBlock
							Grid.Column="0" Grid.Row="4"
							Text="Version"
							Margin="5"/>
						<TextBlock
							Grid.Column="1" Grid.Row="4"
							Text="{Binding Version}"
							Margin="5"/>
 
						<TextBlock
							Grid.Column="0" Grid.Row="5"
							Text="Developper"
							Margin="5"/>
						<TextBlock
							Grid.Column="1" Grid.Row="5"
							Text="{Binding Developper}"
							Margin="5"/>
 
						<TextBlock
							Grid.Column="0" Grid.Row="6"
							Text="Date de début"
							Margin="5"/>
						<TextBlock
							Grid.Column="1" Grid.Row="6"
							Text="{Binding DateDebut}"
							Margin="5"/>
 
						<TextBlock
							Grid.Column="0" Grid.Row="7"
							Text="Copyright"
							Margin="5"/>
						<TextBlock
							Grid.Column="1" Grid.Row="7"
							Text="{Binding CopyRigth}"
							Margin="5"/>
 
						<Separator Grid.Row="8" Grid.ColumnSpan="2" Margin="5"/>
 
						<TextBlock
							Grid.Column="0" Grid.Row="9"
							Text="Dépôt"
							Margin="5"/>
						<TextBlock
							Grid.Column="1" Grid.Row="9"
							Text="{Binding Repository}"
							Margin="5"
							Foreground="LightBlue"
						    TextDecorations="Underline"/>
					</Grid>
 
				</StackPanel>
 
			</TabItem>
 
			<TabItem Header="Historique" >
 
				<StackPanel>
 
				<ScrollViewer VerticalScrollBarVisibility="Auto" >
					<TextBlock
						Text="{Binding History}"
						TextWrapping="Wrap"
						Margin="5,15,5,5" />
				</ScrollViewer>
				</StackPanel>
			</TabItem>
 
		</TabControl>
 
	</Grid>
 
</UserControl>

[bacelar]

Avez-vous un dépôt Github ou GitLab avec un projet qui reproduit le problème, SVP ?

[agparchitecture]

Bonjour, je viens d'en créer un. Il est disponible à l'adresse suivante : https://github.com/agparchitecture/A...estApplication.

Le problème survient dans la partie à propos.

Merci de votre aide.

[bacelar]

Je suis très très rouillé en XAML (au moins 10 ans que j'y touche plus).
Mais j'ai l'impression que l'application fait ce que vous lui demandé, cf. ligne 15 de votre .axaml.

Code :

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

<Grid VerticalAlignment="Center" HorizontalAlignment="Center">

Si vous ne voulez pas que le tabControl "se balade" :

Code :

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

<Grid VerticalAlignment="Top" HorizontalAlignment="Left">

[agparchitecture]

Merci Bacelar d'avoir regardé.

Effectivement l'application centre bien l'élement comme tu le fait remarqué. Et je souhaite effectivement que celà reste centrée.

En fait le problème est que je ne parviens pas à définir une dimension fixe et automatique de la grille en fonction de sont contenu.

[bacelar]

dimension fixe et automatique

C'est antinomique, non ?