Silverlight中的单侧圆形按钮
|
我想在Silverlight中收集按钮。
它们在从左到右的集合中，并且按钮排列成一行，以便它们左右接触。
这是摩擦：
集合具有圆角，但是集合中结束按钮之间的按钮没有倒角。因此，基本上，对于集合最左侧和右侧的按钮，它们必须有些特殊，因为它们必须具有一个扁平的垂直侧和一个圆形的侧。这可以在Silverlight中完成而无需诉诸末端按钮的特殊位图吗？
我的一个想法是以某种方式声明一个具有位图背景的画布，然后具有重叠的椭圆和矩形
<Canvas Height=\"100\" HorizontalAlignment=\"Left\" Margin=\"189,381,0,0\" VerticalAlignment=\"Top\" Width=\"200\" Background=\"Black\">
<Rectangle Fill=\"#FFF4F4F5\" HorizontalAlignment=\"Left\" Stroke=\"Black\" Width=\"58\" Height=\"61\" Canvas.Left=\"7\" Canvas.Top=\"16\" />
<Ellipse Fill=\"#FFF4F4F5\" HorizontalAlignment=\"Left\" Stroke=\"White\" Width=\"65\" StrokeThickness=\"0\" Height=\"59\" Canvas.Left=\"31\" Canvas.Top=\"17\" />
</Canvas>
没有找到相关结果
已邀请:
3 个回复
广躺椽
通过三种方式对按钮进行外观设置：<Grid HorizontalAlignment=\"Center\"> <Grid.Resources> <Style x:Key=\"ButtonLeftStyle\" TargetType=\"Button\"> <Setter Property=\"Template\"> <Setter.Value> <ControlTemplate TargetType=\"Button\"> <Border Background=\"DarkGray\" CornerRadius=\"10,0,0,10\"> <ContentPresenter HorizontalAlignment=\"Center\" VerticalAlignment=\"Center\"/> </Border> </ControlTemplate> </Setter.Value> </Setter> </Style> <Style x:Key=\"ButtonCenterStyle\" TargetType=\"Button\"> <Setter Property=\"Template\"> <Setter.Value> <ControlTemplate TargetType=\"Button\"> <Border Background=\"DarkGray\" CornerRadius=\"0,0,0,0\"> <ContentPresenter HorizontalAlignment=\"Center\" VerticalAlignment=\"Center\"/> </Border> </ControlTemplate> </Setter.Value> </Setter> </Style> <Style x:Key=\"ButtonRightStyle\" TargetType=\"Button\"> <Setter Property=\"Template\"> <Setter.Value> <ControlTemplate TargetType=\"Button\"> <Border Background=\"DarkGray\" CornerRadius=\"0,10,10,0\"> <ContentPresenter HorizontalAlignment=\"Center\" VerticalAlignment=\"Center\"/> </Border> </ControlTemplate> </Setter.Value> </Setter> </Style> </Grid.Resources> <StackPanel Orientation=\"Horizontal\"> <Button Width=\"75\" Height=\"25\" Style=\"{StaticResource ButtonLeftStyle}\" Content=\"Left\"/> <Rectangle Width=\"2\"/> <Button Width=\"75\" Height=\"25\" Style=\"{StaticResource ButtonCenterStyle}\" Content=\"Center\"/> <Rectangle Width=\"2\"/> <Button Width=\"75\" Height=\"25\" Style=\"{StaticResource ButtonRightStyle}\" Content=\"Right\"/> </StackPanel> </Grid>bab
净爽
<Grid HorizontalAlignment=\"Center\"> <Grid.Resources> <!-- Default Template --> <ControlTemplate TargetType=\"Button\"> <Border x:Name=\"Border\" Background=\"DarkGray\" CornerRadius=\"0\"> <ContentPresenter HorizontalAlignment=\"Center\" VerticalAlignment=\"Center\"/> </Border> </ControlTemplate> <!-- Custom Styles for edges --> <Style x:Key=\"ButtonLeftStyle\" TargetType=\"Button\"> <Setter Property=\"CornerRadius\" Value=\"10,0,0,10\" TargetName=\"Border\"/> </Style> <Style x:Key=\"ButtonRightStyle\" TargetType=\"Button\"> <Setter Property=\"CornerRadius\" Value=\"0,10,10,0\" TargetName=\"Border\"/> </Style> </Grid.Resources> <StackPanel Orientation=\"Horizontal\"> <Button Width=\"75\" Height=\"25\" Style=\"{StaticResource ButtonLeftStyle}\" Content=\"Left\"/> <Rectangle Width=\"2\"/> <Button Width=\"75\" Height=\"25\" Content=\"Center\"/> <Rectangle Width=\"2\"/> <Button Width=\"75\" Height=\"25\" Style=\"{StaticResource ButtonRightStyle}\" Content=\"Right\"/> </StackPanel>