Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
261 views
in Technique[技术] by (71.8m points)

c# - Why my app design looks different on 2 machines [Xaml]

On first screen you can see how app looks on my pc and on second screen how it looks on different pc. Can you help me why designs are different. I mean menu wideness and length of red line on top of app.

First screen: Correct design of application

Second screen:

Red line is not touching menu and checkboxes in menu are too close white field

Here is Xaml code:

 <StackPanel Height="352" VerticalAlignment="Top">
        <Grid Height="355">
            <TabControl TabStripPlacement="Left" Width="803"  BorderThickness="0"  Background="#f8f8f7" SelectionChanged="TabControl_SelectionChanged" Margin="0,0,0,0">
                <TabItem x:Name="Welcomer" FontSize="15" FontFamily="Century Gothic" Height="60" Header="Welcome" Background="#2a2a29" Foreground="White" Margin="-4,-3,-57,4">
                    <UniformGrid Columns="1" Margin="53,10,-3,1">


                        <TextBlock TextWrapping="Wrap" FontSize="18" Margin="55,186,36,40" Foreground="#FF110101"><Bold><Run Text="Welcome screen information for future changes"/></Bold></TextBlock>


                    </UniformGrid>
                </TabItem>
                <TabItem x:Name="ScreenShotItem" FontSize="15" FontFamily="Century Gothic"  Height="60" Header="ScreenShot" Background="#2a2a29" Foreground="White" Margin="-4,-6,-54,4">
                    <UniformGrid Columns="1" x:Name="Screenshot" Margin="55,11,-1,2">

                        <CheckBox x:Name="AutoDelete" Content="AutoDelete On" Checked="AutoDelete_Checked" Unchecked="AutoDelete_Unchecked" Margin="113,20,288,44"/>

                        <DockPanel Margin="10,0" Height="84" VerticalAlignment="Top" >

                            <Button x:Name="SaverDirectoryButton" Content="Path"  Width="88" Click="SaverDirectoryButton_Click" Margin="0,32,0,24" RenderTransformOrigin="0.76,0.522"/>
                            <TextBox x:Name="SaverDirectory" HorizontalAlignment="Left" x:FieldModifier="public" TextWrapping="Wrap" Text="C:" Width="148"  Grid.ColumnSpan="3" Grid.Column="1" Margin="80,32,-20,29" RenderTransformOrigin="0.5,0.5"/>
                            <Button x:Name="ListRefresh" Content="Refresh"  VerticalAlignment="Top" Width="76"  Click="ListRefresh_Click" Grid.ColumnSpan="4" Grid.Column="1" RenderTransformOrigin="0.947,0.364" Margin="-190 0 0 0"/>
                            <UniformGrid >
                                <Label Content="Specify day number" Grid.ColumnSpan="1" Grid.Column="1" HorizontalAlignment="Left" VerticalAlignment="Bottom" Margin="0,0,-58,4"  Width="178" Height="30"/>
                                <TextBox x:Name="DayLimit" PreviewTextInput="NumberValidationTextBox" Grid.ColumnSpan="1" Grid.Column="2" VerticalAlignment="Top"  Margin="63,10,1,0" RenderTransformOrigin="0.426,-0.522" Height="30" Width="37"/>
                                <Button x:Name="DayLimitclick" Content="Save" HorizontalAlignment="Center" Grid.Column="1" Grid.ColumnSpan="2" Margin="70,4,-58,0" Width="90" RenderTransformOrigin="0.5,0.5" Click="DayLimitclick_Click" Height="21" VerticalAlignment="Top"/>
                            </UniformGrid>
                        </DockPanel>
                        <DockPanel Margin="10,20,0,0" Height="51" VerticalAlignment="Top" RenderTransformOrigin="0.503,0.735">
                            <Button x:Name="AllScreenList" Content="All" HorizontalAlignment="Left" VerticalAlignment="Top" Width="75"  Click="AllScreenList_Click"/>
                            <Button x:Name="ImportantScreenList" Content="Important" HorizontalAlignment="Left" VerticalAlignment="Top" Width="75"  Click="ImportantScreenList_Click"/>
                            <Button x:Name="TempScreenList" Content="Temp" HorizontalAlignment="Left" VerticalAlignment="Top" Width="75" Click="TempScreenList_Click"/>
                            <Button x:Name="CancelDeleteList" Content="Cancel Delete"  VerticalAlignment="Top" Width="115" Click="CancelDeleteList_Click" Grid.ColumnSpan="5" Grid.Column="1" RenderTransformOrigin="1.467,0.409" Margin="-80 0 0 0"/>
                        </DockPanel>
                        <DockPanel Margin="0,-39,0,0" Height="96" VerticalAlignment="Top" RenderTransformOrigin="0.496,1">
                            <ListBox x:Name="SaverListView"
                                ItemsSource="{Binding Items}"
                                HorizontalAlignment="Right"
                                SelectionMode="Multiple" Width="573" Height="123" VerticalAlignment="Bottom" Margin="0,0,0,-27">
                                <ListBox.Resources>
                                    <Style TargetType="{x:Type ListBoxItem}">
                                        <Setter Property="OverridesDefaultStyle" Value="true" />
                                        <Setter Property="SnapsToDevicePixels" Value="true" />
                                        <Setter Property="Template">
                                            <Setter.Value>
                                                <ControlTemplate TargetType="{x:Type ListBoxItem}">
                                                    <CheckBox Margin="5,2"
                                          IsChecked="{Binding IsSelected, RelativeSource={RelativeSource TemplatedParent}}">
                                                        <ContentPresenter />
                                                    </CheckBox>
                                                </ControlTemplate>
                                            </Setter.Value>
                                        </Setter>
                                    </Style>
                                </ListBox.Resources>
                            </ListBox>
                        </DockPanel>
                    </UniformGrid>
                </TabItem>
</TabControl>

And inside <TabControl> I have my red line code

 <!--red line on up of the app -->
            <Grid x:Name="redGrid" Height="13" HorizontalAlignment="Left" VerticalAlignment="Top" Width="573" Background="#b20837" MouseDown="redGrid_MouseDown" Margin="230,0,0,0"/>
question from:https://stackoverflow.com/questions/65647533/why-my-app-design-looks-different-on-2-machines-xaml

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Reply

0 votes
by (71.8m points)
Waitting for answers

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
OGeek|极客中国-欢迎来到极客的世界,一个免费开放的程序员编程交流平台!开放,进步,分享!让技术改变生活,让极客改变未来! Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...