1

我正在寻找使用右下角的确定和取消按钮创建标准对话框/登录窗口的示例。

我不确定是否使用 StackPanels、Grids 或停靠面板。我知道使用 Canvas 通常是不正确的，因为您必须输入 x 和 y 值。

到目前为止，我创建的是 Ok 和 Cancel 按钮

   <StackPanel Orientation="Horizontal" 
            FlowDirection="RightToLeft" Height="32">
        <Button Width="72" TabIndex="45" Margin="2,2,2,2">Cancel</Button>
        <Button Width="72" TabIndex="40" Margin="2,2,2,2">OK</Button>
    </StackPanel>

我要创建的窗口类型是标准对话框窗口。

4

3 回答 3

1

我更喜欢以下标记：

 <Grid>
    <Grid.RowDefinitions>
        <RowDefinition />
        <RowDefinition Height="Auto" />
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="2*"/>
        <ColumnDefinition Width="3*"/>
    </Grid.ColumnDefinitions>     

    <Grid Grid.ColumnSpan="2">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="Auto"/>
            <ColumnDefinition />
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
        </Grid.RowDefinitions> 

        <TextBlock VerticalAlignment="Center">Username:</TextBlock>
        <TextBlock VerticalAlignment="Center" Grid.Row="1">Password:</TextBlock>
        <TextBox Grid.Column="1"  />
        <TextBox Grid.Row=1"" Grid.Column="1"  />
    </Grid>

    <Button Grid.Row="1">Ok</Button>
    <Button Grid.Row="1" Grid.Column="1">Cancel</Button>
</Grid>

是的，也可以将网格数量减少到 1，但我认为这没有意义。也可以使用 StackPanel 代替外部网格。

“最轻的标记”短语可以有不同的解释。对开发者来说最轻的就是最简单明了的。最轻的计算机是最快的初始化和渲染。至于给定的情况，区别实际上在于 1 个额外的布局容器。这确实不是进行优化的情况

于 2012-04-20T12:19:36.720 回答
0 
 <Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="*"></RowDefinition>
        <RowDefinition Height="Auto"></RowDefinition>
        <RowDefinition Height="Auto"></RowDefinition>
        <RowDefinition Height="Auto"></RowDefinition>
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="*"></ColumnDefinition>
        <ColumnDefinition Width="*"></ColumnDefinition>
    </Grid.ColumnDefinitions>     
    <TextBlock grid.row=1 grid.column=0 text="user name" />
    <TextBlock grid.row=1 grid.column=1 text="password" />
    <TextBox grid.row=2 grid.column=0  />
    <TextBox grid.row=2 grid.column=1  />
    <Button grid.row=3 grid.column=0 text="OK" />
    <Button grid.row=3 grid.column=1 text="Cancel" />
  </Grid>
于 2012-04-20T12:03:04.827 回答
0

对于我的应用程序，我喜欢使用 ChildWindow。然后在每个页面上，我都可以验证用户是否经过身份验证，如果不是，则弹出子窗口。如果您在 silverlight 中使用导航类型的项目，这也是很好的使用书签。

 <toolkit:BusyIndicator IsBusy="False" Name="LoginBusy" >
        <Grid x:Name="LayoutRoot" Margin="2">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="189*" />
                <ColumnDefinition Width="189*" />
            </Grid.ColumnDefinitions>
            <Grid.RowDefinitions>
                <RowDefinition Height="65*" />
                <RowDefinition Height="32" />
                <RowDefinition Height="32" />
                <RowDefinition Height="26*" />
                <RowDefinition Height="35" />
            </Grid.RowDefinitions>
            <Button x:Name="OKButton" Content="OK" Click="OKButton_Click" Width="75" Height="23" HorizontalAlignment="Right" Margin="0,12,0,0" Grid.Row="4" Grid.Column="1" TabIndex="3" />
            <sdk:Label Grid.Row="1" Name="label1" HorizontalAlignment="Right" Content="Username" Margin="4"  />
            <sdk:Label Grid.Row="2" Name="label2" HorizontalAlignment="Right" Content="Password" Margin="4" />
            <TextBox Grid.Column="1" Grid.Row="1" Name="Username" Margin="4" Text="{Binding Username,Mode=TwoWay}" TextChanged="TextInserted" TabIndex="1" />
            <PasswordBox Grid.Column="1" Grid.Row="2" Name="Password" Margin="4" Password="{Binding Password,Mode=TwoWay}" PasswordChanged="TextInserted" TabIndex="2" />
            <TextBlock Grid.Column="1" Grid.Row="3" Height="37" HorizontalAlignment="Left" Visibility="Collapsed" Margin="19,13,0,0" Name="ErrorBlock" Text="Authentication Failed." VerticalAlignment="Top" Width="161" Foreground="Red" FontWeight="Bold" />
            <Button Grid.Row="4" Height="23" HorizontalAlignment="Left" Margin="46,4,0,0" Visibility="Collapsed" Name="button1" Content="CANCEL" VerticalAlignment="Top" Width="75" Click="CancelButton_Click" IsTabStop="False" />
            <Image Name="image1" Stretch="Fill" Source="Images/logo.png" />
        </Grid>
    </toolkit:BusyIndicator>

这是我的子窗口的内容，没有标题位。请注意，我直接绑定到实现 InotifyPropertyChanged 的​​用户对象。此外，当 Web 服务执行验证时，我启用繁忙指示器，以便用户看到他的请求正在处理中。

干杯，

于 2012-04-20T17:42:59.690 回答