{"id":1048,"date":"2012-08-09T12:46:56","date_gmt":"2012-08-09T16:46:56","guid":{"rendered":"http:\/\/www.ikriv.com\/blog\/?p=1048"},"modified":"2012-08-09T12:46:56","modified_gmt":"2012-08-09T16:46:56","slug":"silverlight-clipping-fun","status":"publish","type":"post","link":"https:\/\/ikriv.com\/blog\/?p=1048","title":{"rendered":"Silverlight Clipping Fun"},"content":{"rendered":"

While Silverlight animation performance may be better than WPF, its support for clipping is definitely inferior.<\/p>\n

First off, there is no ClipToBounds<\/code> property. If you want your canvas to clip its content, you need some extra code<\/a>.<\/p>\n

Then, it turns out that a TextBlock<\/code> inside a canvas won’t clip itself. Basically, the “Width” property is ignored: the text will tak\"Screene as much space as it sees fit. You can, however, tame a TextBlock<\/code> by placing it inside a Border<\/code>. This also gives a benefit of vertical alignment, that bare TextBlock<\/code> cannot do.<\/p>\n

Sample<\/a><\/p>\n

\"Screenshot\"<\/a><\/p>\n

The sample is generate by this code:<\/p>\n

<<\/span>Border<\/span> Width<\/span>="300"<\/span> Height<\/span>="300"<\/span> BorderBrush<\/span>="Blue"<\/span> BorderThickness<\/span>="1"><\/span>\n    <\/span><<\/span>Canvas<\/span>><\/span>\n        <\/span><<\/span>Border<\/span> Width<\/span>="50"<\/span> BorderBrush<\/span>="Black"<\/span> BorderThickness<\/span>="1"<\/span> Canvas.Left<\/span>="30"<\/span> Canvas.Top<\/span>="30"><\/span>\n            <\/span><<\/span>TextBlock<\/span> Text<\/span>="This TextBLock is 50 pixels wide" \/><\/span>\n        <\/span><\/<\/span>Border<\/span>><\/span>\n\n        <\/span><<\/span>Border<\/span> Width<\/span>="300"<\/span> Height<\/span>="100"<\/span> BorderBrush<\/span>="Brown"<\/span> BorderThickness<\/span>="1"<\/span> Canvas.Left<\/span>="30"<\/span> Canvas.Top<\/span>="80"><\/span>\n            <\/span><<\/span>TextBlock<\/span> Text<\/span>="Centered text"<\/span> HorizontalAlignment<\/span>="Center"<\/span> VerticalAlignment<\/span>="Center" \/><\/span>\n        <\/span><\/<\/span>Border<\/span>><\/span>\n        <\/span>\n        <\/span><<\/span>TextBlock<\/span> Width<\/span>="10"<\/span> Text<\/span>="This TextBlock is 10 pixels wide"<\/span> Canvas.Left<\/span>="150"<\/span> Canvas.Top<\/span>="250" \/><\/span>\n    <\/span><\/<\/span>Canvas<\/span>><\/span>\n<\/<\/span>Border<\/span>><\/span>\n<\/pre>\n
CodeProject<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
While Silverlight animation performance may be better than WPF, its support for clipping is definitely inferior. First off, there is no ClipToBounds property. If you want your canvas to clip […]<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"Layout":"","footnotes":""},"categories":[4,19],"tags":[],"class_list":["entry","author-ikriv","post-1048","post","type-post","status-publish","format-standard","category-hack","category-silverlight"],"_links":{"self":[{"href":"https:\/\/ikriv.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/1048","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ikriv.com\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ikriv.com\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ikriv.com\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ikriv.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1048"}],"version-history":[{"count":0,"href":"https:\/\/ikriv.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/1048\/revisions"}],"wp:attachment":[{"href":"https:\/\/ikriv.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1048"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ikriv.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1048"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ikriv.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1048"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}