In WPF and other XAML based UI frameworks, the border element is used to define an border. This tip examines how to clip the contents of the border.
- [Instructor] In WPF and other XAML-based UI frameworks…the Border element is used to define a border,…which is a line that outlines the outside edge of a section…of the user interface.…Here's an example in this XAML…where I've got a Border that contains an Image.…The Border is red, the red is defined here.…Here's the Border,…the red color is defined in a Style Setter up here,…so is the BorderThickness and the Centering…and the Margin for all of the Borders.…
In line 31 I'm defining just one property,…the Background color is set to Black.…And then inside that is a single element,…that's one of the rules of the Border class…is it can only have a single child.…So in this case it's the Image element.…This is a good looking representation,…you've got a nice red border around this image.…Let's go look at the last column.…Here I've also defined a Border,…but the major difference here…is I've defined a CornerRadius of 42.…And when you do that it means that the corners…of the border are rounded.…
But you can see the problem is in the inner content,…
Skill Level Intermediate
New This Week
Use the GitHub Extension1m 39s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.