Reaktionsschnell Weg wpf-Fenster

Ich bin neu mit WPF bitte im Hinterkopf behalten. Ich versuche, das Fenster reagiert auf die Größe, Ist es möglich, dass meine Steuerelemente wie textboxes und buttons werden in Ihrer Größe als Fenster wächst oder schrumpft?

<Window x:Class="WPF_Working_Experimenet.Window1"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="Window1" Height="216.586" Width="459.256">
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="156*"/>
            <ColumnDefinition Width="295*"/>
        </Grid.ColumnDefinitions>
        <Label Content="username :" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="66,27,0,0" Height="30" Width="63" FontFamily="B Nazanin" FontSize="15" Grid.Column="1"/>
        <Label Content="password :" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="74,63,0,0" Height="30" Width="55" FontFamily="B Nazanin" FontSize="15" Grid.Column="1"/>
        <Label x:Name="lblwrong" Content="" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="10,150,0,0" ClipToBounds="True" Grid.Column="1" Height="26" Width="275"/>
        <Button x:Name="btnLogin" Content="Login" HorizontalAlignment="Left" VerticalAlignment="Top" Width="60" Grid.Column="1" Margin="211,103,0,0" Height="37" Background="White" Click="btnLogin_Click" BorderBrush="Red" FontFamily="B Nazanin" FontSize="15"/>
        <Image HorizontalAlignment="Left" Height="117" Margin="4,23,0,0" VerticalAlignment="Top" Width="178" Source="img/Ticket_5523675581838074942.png" Grid.ColumnSpan="2" RenderTransformOrigin="0.5,0.128"/>
        <Button x:Name="btnExit" Content="Exit" HorizontalAlignment="Left" VerticalAlignment="Top" Width="60" Grid.Column="1" Margin="146,103,0,0" Height="37" Background="#FFFDFDFD" BorderBrush="Red" Click="Button_btnExit" FontFamily="B Nazanin" FontSize="15"/>
        <TextBox x:Name="txtUsername" HorizontalAlignment="Left" Height="23" TextWrapping="Wrap" VerticalAlignment="Top" Width="125" Grid.Column="1" Margin="146,34,0,0" BorderBrush="#FFF7311E"/>
        <PasswordBox x:Name="txtPassword" Grid.Column="1" HorizontalAlignment="Left" Margin="146,70,0,0" VerticalAlignment="Top" Width="125" Height="23" BorderBrush="#FFFD3306"/>

    </Grid>
</Window>

Jede Reference/hint oder Tutorial/link wäre schön. vielen Dank im Voraus

  • Was ist die Frage? Wie machen Sie es responsive? Ich weiß nicht wirklich verstehen, was du meinst mit 'responsive'. Können Sie ein konkretes Beispiel von etwas, das ist nicht Verhalten dem Weg erwarten?
InformationsquelleAutor Valkyry | 2015-09-28
  1. 5

    Setzen Sie Margin /Padding anstelle von expliziten Breite /Höhe, wenn Sie möchten, dass Ihre Kontrollen zu wachsen /schrumpfen.

    Paar links, die Ihnen helfen :

    Layout mit Absoluten und Dynamischen Positionieren

    Wie man das ganze steuert entsprechend verkleinern sich proportional, wenn das Fenster maximiert ist?

    • Dies ist nicht korrekt. Sie sind die Vermischung der Größenänderung (die ursprüngliche Frage) mit layout und die Anordnung. HorizontalAlignment und VerticalAlignment Einfluss auf ein Steuerelement, das layout wie die Margin und Padding Eigenschaften. Aber Margin und Padding nicht bestimmen, ob ein Steuerelement wird Größe selbst. Die alignment-Eigenschaften zu tun, dass ebenso wie die HorizontalContentAlignment, VerticalContentAlignment, ColumnDefinition.Width etc... Eigenschaften des übergeordneten Containers, wenn anwendbar. Margin und Padding wirken sich auf den Abstand zwischen einem Steuerelement und seine Eltern und Kind.
    • Der link, den ich gepostet haben bezüglich Layout-Ziele absolute und dynamische Positionierung nicht nur die absolute Positionierung.
    • Wunderbar, danke
    InformationsquelleAutor AnjumSKhan
  2. 0

    Steuerelemente nicht in der Größe angepasst, wenn Sie Ihren Width und Height Eigenschaften explizit. Versuchen Sie Folgendes, ich entfernte die Width und Height Eigenschaften und verändert die HorizontalAlignment und VerticalAlignment Werte Stretch.

    <Window x:Class="WPF_Working_Experimenet.Window1"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="Window1" Height="216.586" Width="459.256">
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="156*"/>
            <ColumnDefinition Width="295*"/>
        </Grid.ColumnDefinitions>
        <Label Content="username :" 
               HorizontalAlignment="Stretch" 
               VerticalAlignment="Stretch" 
               FontFamily="B Nazanin" 
               FontSize="15" 
               Grid.Column="1"/>
        <Label Content="password :" 
               HorizontalAlignment="Stretch" 
               VerticalAlignment="Stretch" 
               FontFamily="B Nazanin" 
               FontSize="15" 
               rid.Column="1"/>
        <Label x:Name="lblwrong" 
               Content="" 
               HorizontalAlignment="Stretch" 
               VerticalAlignment="Stretch" 
               ClipToBounds="True" 
               Grid.Column="1"/>
        <Button x:Name="btnLogin" 
                Content="Login" 
                HorizontalAlignment="Stretch" 
                VerticalAlignment="Stretch" 
                Grid.Column="1" 
                Background="White" 
                Click="btnLogin_Click" 
                BorderBrush="Red" 
                FontFamily="B Nazanin" 
                FontSize="15"/>
        <Image HorizontalAlignment="Stretch" 
               VerticalAlignment="Stretch" 
               Source="img/Ticket_5523675581838074942.png" 
               Grid.ColumnSpan="2" 
               RenderTransformOrigin="0.5,0.128"/>
        <Button x:Name="btnExit" 
                Content="Exit" 
                HorizontalAlignment="Stretch" 
                VerticalAlignment="Stretch" 
                Grid.Column="1" 
                Background="#FFFDFDFD" 
                BorderBrush="Red" 
                Click="Button_btnExit" 
                FontFamily="B Nazanin" 
                FontSize="15"/>
        <TextBox x:Name="txtUsername" 
                 HorizontalAlignment="Stretch" 
                 TextWrapping="Wrap"
                 VerticalAlignment="Stretch" 
                 Grid.Column="1" 
                 BorderBrush="#FFF7311E"/>
        <PasswordBox x:Name="txtPassword" 
                     Grid.Column="1" 
                     HorizontalAlignment="Stretch" 
                     VerticalAlignment="Stretch" 
                     BorderBrush="#FFFD3306"/>
    </Grid>
</Window>
    • ja, das ist es. allerdings nicht ganz die, die ich erwartet hatte. danke
    • Downvoted, da es konzentriert sich nur auf die volle Dehnung, was ist, wenn der Benutzer nicht wollen, die Kontrolle vollständig zu Strecken.
    • Der user gefragt, wie 'Machen Sie das Fenster Reaktionsschnell Weg, um die Größe'. Die alignment-Eigenschaften tun. Es gibt eine Vielzahl von anderen Eigenschaften, die Einfluss auf das layout und die Anordnung einer Kontrolle als gut, aber diese bewerben sich nicht direkt auf diese Frage. Darüber hinaus wäre es ein ganzes Kapitel in einem Buch, um alle diese Eigenschaften. Das ist eine unrealistisch hohe Erwartung für eine Antwort auf eine einfache Frage.
    • Einstellwerte Strecke halten Steuerelemente füllen den gesamten Raum, das ist nicht die Anforderung jedes mal.
    InformationsquelleAutor Jason Boyd
  3. 0

            <ColumnDefinition />

        <ColumnDefinition />

        <ColumnDefinition />

    </Grid.ColumnDefinitions>
    <Image Source="View/Images/LoginImg.jpg" Stretch="Fill" Grid.Column="0" Grid.ColumnSpan="3">
        <Image.Effect>
            <BlurEffect Radius="8"/>
        </Image.Effect>
    </Image>
    <TextBox Grid.Column="0" Grid.ColumnSpan="3" BorderBrush="Transparent" BorderThickness="0" Background="Transparent" Foreground="White" HorizontalAlignment="Center"
             Height="78" Margin="122,10,45.6,0" TextWrapping="Wrap" Text="Library Management System " VerticalAlignment="Top" Width="594" FontSize="40" FontWeight="Bold" FontStyle="Normal">
        <TextBox.VerticalContentAlignment>Center</TextBox.VerticalContentAlignment>
        <TextBox.IsReadOnly>True</TextBox.IsReadOnly>
    </TextBox>
    <Canvas Grid.Column="1" HorizontalAlignment="Stretch"  Width="auto" Height="300" VerticalAlignment="Stretch" RenderTransformOrigin="0.5,0.5" Background="White">
        <Canvas.RenderTransform>
            <TransformGroup>
                <ScaleTransform/>
                <SkewTransform/>
                <RotateTransform Angle="0.627"/>
                <TranslateTransform/>
            </TransformGroup>
        </Canvas.RenderTransform>
        <Label Content="Login" VerticalContentAlignment="Stretch" HorizontalContentAlignment="Stretch" Background="BurlyWood" FontSize="15" Height="52" Width="254">
            <Label.FontWeight>Bold</Label.FontWeight>
        </Label>
        <TextBox Height="24" Canvas.Left="20" TextWrapping="Wrap" Text="User Name" TextAlignment="Center" Canvas.Top="84" Width="120" Foreground="Gray"/>
        <PasswordBox Canvas.Left="20" Canvas.Top="136" Height="34" Width="120"/>
    </Canvas>
</Grid>

    Einstellung der horizontalen und vertikalen Ausrichtung zu Strecken, statt die Breite und Höhe das widget wird den trick tun. Aber immer noch können Sie einen Rand, wenn Sie wollen. Versuchte dies und es ist sichergestellt, dass, wenn die Größe des Fensters geändert wird, wird das widget anpassen, beziehungsweise.

    InformationsquelleAutor Sajini Mallikarachchi
Schreibe einen Kommentar