Par programmation réglage de la largeur d'une colonne de grille avec * dans WPF

Je veux configurer par programme wpf grille.

Je veux être en mesure de définir une grille avec 2 colonnes, la première prise de 20% de l'espace disponible, la deuxième prise, jusqu'à 80%. En xaml je voudrais utiliser l'opérateur * mais je ne peux pas travailler sur la façon de le faire par programmation.

En Xaml, je le ferais:

<Grid>
  <Grid.ColumnDefinitions>
    <ColumnDefinition width="20*" />
    <ColumnDefinition width="80*" />
</Grid>

Dans le code que je veux faire:

Grid grid = new Grid();
grid.ColumnDefinitions.Add( new ColumnDefinition(20*) );
grid.ColumnDefinitions.Add( new ColumnDefinition(80*) );

Svp quelqu'un pourrait-il conseiller.

InformationsquelleAutor user589195 | 2012-03-21
  1. 92
    Grid grid = new Grid();
ColumnDefinition c1 = new ColumnDefinition();
c1.Width = new GridLength(20, GridUnitType.Star);
ColumnDefinition c2 = new ColumnDefinition();
c2.Width = new GridLength(80, GridUnitType.Star);
grid.ColumnDefinitions.Add(c1);
grid.ColumnDefinitions.Add(c2);
    • Et le MVVM façon? Je veux dire, vous pouvez définir la valeur int via un viewmodel de la propriété, mais que dire de la "star"?
    • Vous pouvez lier à un viewmodel propriété de type de GridLength via DependencyProperty ou INotifyPropertyChanged. "1*" est juste une représentation de chaîne de la GridLength struct.
    • Comment définissez-vous seulement l'étoile
    InformationsquelleAutor Klaus78
  2. 18

    Supposons que vous avez quelques boutons (horizontal) dans une page et de la nécessité de masquer ou d'afficher certaines en fonction de certains d'état. 

    <Grid HorizontalAlignment="Center" Grid.Column="1" Width="340" VerticalAlignment="Center" Background="Transparent">
        <Grid.ColumnDefinitions>
                <ColumnDefinition Width="2*" x:Name="colOne"></ColumnDefinition>
                <ColumnDefinition Width="0" x:Name="colTwo"></ColumnDefinition>
                <ColumnDefinition Width="0" x:Name="colThree"></ColumnDefinition>
                <ColumnDefinition Width="0" x:Name="colFour"></ColumnDefinition>
        </Grid.ColumnDefinitions>

        <Button x:Name="btnOne"  Grid.Column="0" Height="50" Width="50" Content="One" Cursor="Hand" />
        <Button x:Name="btnTwo"  Grid.Column="1" Height="50" Width="50" Content="Two" Cursor="Hand" />
        <Button x:Name="btnThree"  Grid.Column="2" Height="50" Width="50" Content="Thre" Cursor="Hand" />
        <Button x:Name="btnFour"  Grid.Column="3" Height="50" Width="50" Content="Four" Cursor="Hand" />
</Grid>

    Ici btnOne sera visible dans la page lors de l'exécution. btnOne seront également alignés dans le centre. Maintenant, si nous voulons Trois et Quatre, pour être affichée et Un être caché lorsqu'il est cliqué sur Un, nous pouvons utiliser ce code:

    private void btnOne_Click(object sender, RoutedEventArgs e)
{
    SetGridColWidth(colOne, false);
    SetGridColWidth(colThree, true);
    SetGridColWidth(colFour, true);
}

private void SetGridColWidth(ColumnDefinition column, bool show)
{
    if (show)
        column.Width = new GridLength(2, GridUnitType.Star);
    else
        column.Width = new GridLength(0);
}

    Vous pouvez basculer entre la visibilité de n'importe quel bouton à l'exécution.

    Espère que cela aide quelqu'un !

    InformationsquelleAutor Venugopal M
  3. 4
    In MVVM way:
------------
*XAML(View) code:*
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="{Binding FirstColumn}"/>
<ColumnDefinition Width="{Binding SecondColumn}"/>
</Grid.ColumnDefinitions>
</Grid>
**ViewModel (C#) code**
public class MyViewModel : BindableBase
{
private GridLength _firstColumn;
private GridLength _secondColumn;
public MyViewModel()
{
_firstColumn = new GridLength(75, GridUnitType.Star);
_secondColumn = new GridLength(25, GridUnitType.Star);
}
public GridLength FirstColumn
{
get { return _firstColumn; }
set { SetProperty(ref _firstColumn, value); }
}
public GridLength SecondColumn
{
get { return _secondColumn; }
set { SetProperty(ref _secondColumn, value); }
}
private void NotifyToggleFullScreen(bool isToggleExpansion)
{
if (isToggleExpansion)
{
FirstColumn = new GridLength(0, GridUnitType.Auto);
SecondColumn = new GridLength(100, GridUnitType.Star);
}
else
{
FirstColumn = new GridLength(75, GridUnitType.Star);
SecondColumn = new GridLength(25, GridUnitType.Star);
}
}
}
    • C'est ce que je cherchais
    InformationsquelleAutor Sathya Ram