StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POCombining Metro Studio 2 Vector XAML with MahApps MetroCircleButton
primarykey
Id
15440478
data
AcceptedAnswerId
15527182
AnswerCount
1
ClosedDate
CommentCount
0
CommunityOwnedDate
CreationDate
2013-03-15T19:19:41.693
FavoriteCount
0
LastActivityDate
2013-03-20T15:00:32.007
LastEditDate
LastEditorUserId
0
OwnerUserId
2175012
ParentId
0
PostTypeId
1
Score
1
ViewCount
1062
LastEditorDisplayName
text
Body
I'm currently working on an App that uses <a href="http://mahapps.com/MahApps.Metro/" rel="nofollow">MahApps</a> as WPF extension to create a Win8 Metro style. MahApps features a MetroCircleButton Style for buttons, however the documentation is a bit short on how to get own vector graphics displayed in the button. I'm using <a href="http://www.syncfusion.com/downloads/metrostudio" rel="nofollow">Metro Studio 2</a> to design the button icons for my app, and it outputs me XAML resource code in the following form: <pre><code><Viewbox x:Key="xx"> <Grid Width="48" Height="48" Visibility="Visible"> <Grid Visibility="Visible"> <Rectangle Fill="#FF000000" Visibility="Visible" /> <Ellipse Fill="#FF000000" Visibility="Collapsed" /> <Path Data="..." Stretch="Fill" Fill="#FF000000" Visibility="Collapsed" /> </Grid> <Path Data=".." Stretch="Uniform" Fill="#FFFFFFFF" Width="26" Height="26" Margin="0,0,0,0" /> </Grid> </Viewbox> </code></pre> so far so good. However MahApps suggests to use a VisualBrush to display own Vector Graphics: <pre><code><Rectangle Fill="Black"> <Rectangle.OpacityMask> <VisualBrush Visual="{StaticResource appbar_add}" Stretch="Fill" /> </Rectangle.OpacityMask> </code></pre> I looked through their repo to see what format they are using, its a bit different: <pre><code><Canvas Width="48.0067" Height="48.0067" Clip="F1 M 0,0L 48.0067,0L 48.0067,48.0067L 0,48.0067L 0,0" x:Key="appbar_alien"> <Path Width="22.005" Height="16.0048" Canvas.Left="12.9999" Canvas.Top="16.9998" Stretch="Fill" Fill="{DynamicResource BlackBrush}" Data="..." /> </Canvas> </code></pre> Now my question is: can i somehow use the format that Metro Studio gives me to get my icon displayed int the button, keeping the mouseover animation of the circlebutton without having to manually convert all the buttons to the right format (and loosing data possibly)? Regards, Xaser
Tags
<xaml><button><microsoft-metro><circle>
Title
Combining Metro Studio 2 Vector XAML with MahApps MetroCircleButton
singulars
PostAcceptedAnswerId
1. PO
 singulars
 PostTypePostTypeId
 PTAnswer
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. This table or related slice is empty.
UserOwnerUserId
1. USXaser
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. PO
 singulars
 PostTypePostTypeId
 PTAnswer
VotesPostIdCreationDate
1. This table or related slice is empty.
CommentsPostId
1. This table or related slice is empty.

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.