Question

我已经在C＃中使用应用程序开发工作了大约一年 - 我已经从C ++ - CLI winForm切换到C＃winForm，现在切换到C＃/ XML WPF。我正在创建一个模板来测试我对UI / UX效果（动画）的了解。基本上发生的是当用户选择“开始”按钮时，窗体的右半部分（白色）的宽度从390扩展到600，导致左半部分（橙色），缩小并显示新信息。

一切都很好，但是最近我发现在使用Margin值时，网格元素有时会出错。以下显示了 TextBlock [...] Margin =“0,97” 与 TextBlock [...] Margin =“210,97”之间的区别。我希望TextBlock位于椭圆的右侧，尽管它不可见。

 <Grid x:Name="RightContent2" Opacity="1" Width="390" Height="410" Background="White">
                <TextBlock x:Name="author2" Foreground="LightGray" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="210, 97" FontSize="8" Text="By Luke Isitt" Cursor="Hand"/>
                <Ellipse Height=" 25" Width="25" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="170, 90" Cursor="Hand">
                    <Ellipse.Fill>
                        <ImageBrush ImageSource="./resources/images/Drake-smiling.jpg"/>
                    </Ellipse.Fill>
                </Ellipse>
                <TextBlock Text="Lesson 3 of 32" FontFamily="Georgia" FontStyle="Italic" FontSize="9" Margin="50, 100, 30, 0" HorizontalAlignment="Left" VerticalAlignment="Top"></TextBlock>
                <Line Margin="150, 90, 0, 0" Y1="0" Y2="140" Stroke="#FFF1F1F1" StrokeThickness="1.75" HorizontalAlignment="Left" VerticalAlignment="Top"/>
                <TextBlock FontFamily="Times New Roman" FontSize="32" Margin="160, 140, 0, 0" FontWeight="SemiBold"  HorizontalAlignment="Left" VerticalAlignment="Top">
                    Nike Email Best <LineBreak/> Practices <LineBreak/>
                <Line Margin="0, 13" X1="0" X2="80" Stroke="#FF642F" StrokeThickness="2.5"/>
                </TextBlock>

                <Line Margin="160, 300" X1="0" X2="150" Stroke="#FF642F" StrokeThickness="1" HorizontalAlignment="Left" VerticalAlignment="Top"/>
            </Grid>

没有重叠元素，TextBlock位于网格层次结构的顶部（尽管这似乎并不重要）。任何人都可以提供有关为何会出现这种情况的见解吗？

Answer 1

Margin属性的厚度类型实际上包含4个值：Left，Top，Right，Bottom。可以通过单独指定所有4个值来设置保证金，即＆＃34; 210,97,5,30＆＃34;，或者使用单个值缩写，即＆＃34; 210＆＃34;将左/上/右/下全部设置为210，或者使用2个值，＆＃34; 210,97＆＃34;这将设置Left＆amp; 210和Top＆amp;的权利从下到97。

在您的情况下，将TextBlock的保证金设置为＆＃34; 210,97＆＃34;等同于将其设置为＆＃34; 210,97,210,97＆＃34;所以左和右都是210.这意味着你有一个420的水平边距空间，因为父网格的宽度只有390，所以得到的TextBlock将得到-30的宽度，使其不可见。

要解决此问题，请根据您设置的左/上方对齐方式，将TextBlock的边距设置为＆＃34; 210,97,0,0＆＃34;它将是可见的。

WPF：为什么Grid的TextBlock隐藏了边距值编辑？

1 个答案: