溢出：Silverlight 中的隐藏等效项

Question

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

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

有什么方法可以在 Silverlight 中使用 Grid 和 Image Control 实现相同的结果？

Answer 1

有多种方法可以做到这一点；

你可以像他们所说的那样使用Clip

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

除了问题（正如您指出的那样）之外，它依赖于了解尺寸并且不是很直观。有一些方法可以使用后面的代码来指定一种更积极地控制矩形几何的方法，例如 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 的酷之处在于，如果有意愿，那么通常会有办法。希望这会有所帮助。