Question

我需要“隐藏”给定图像的几个像素。在HTML / CSS中我会做这样的事情来隐藏左边的10个像素：

<div id="test" style="overflow: hidden;">
  <img style="margin-left: -10px;" src="some.png">
</div>

有没有办法在Silverlight中使用网格和图像控制来实现相同的结果？

Answer 1

有多种方法可以实现这一目标;

你可以像Clip

那样说

<Rectangle Height="200" Width="200" Fill="Red">
   <Rectangle.Clip>
      <RectangleGeometry Rect="10,0,200,200"/>
   </Rectangle.Clip>
</Rectangle>

除了问题之外（就像你指出的那样），它取决于对尺寸的了解并且不是很直观。有一些方法可以使用代码来指定一种方法来更有效地控制你的Rect Geometry，如shown here或here。

然而，还有一些方法可以解决这种问题，例如使用像ScrollViewer

那样为你做的面板类型

<ScrollViewer Width="100" Height="100" Padding="0" 
              HorizontalScrollBarVisibility="Disabled" 
              VerticalScrollBarVisibility="Disabled">
   <Rectangle Fill="Red" Margin="-10,0,0,0"/>
</ScrollViewer>

关于任何XAML的酷事，如果有意志，那么通常有一种方法。希望这会有所帮助。

overflow：Silverlight中的隐藏等效项

1 个答案: