WPF 中的半圆按钮

huangapple
go评论137阅读模式
英文:

half circle button in wpf

问题

  1. 我目前正在使用C#代码创建一个WPF界面，其中包含一列按钮。我想让这些按钮呈现半圆形，但我不知道如何做。非常感谢您所有人的帮助。
  3. [类似于这样](https://i.stack.imgur.com/6kQWi.png)

buttonList = new Button[7];
for (int i = 0; i < 7; i++)
{
buttonList[i] = new Button();

  1. buttonList[i].Content = &quot;&quot;;
  2. buttonList[i].Foreground = Brushes.White;
  3. buttonList[i].Background = Brushes.Transparent;
  4. buttonList[i].BorderBrush = Brushes.Black;
  5. buttonList[i].Name = &quot;Btn&quot; + i;
  6. buttonList[i].Click += new RoutedEventHandler(Btn_Click);
  7. forzaGrid.Children.Add(buttonList[i]);
  8. Grid.SetRow(buttonList[i], 0);
  9. Grid.SetColumn(buttonList[i], i);

}

英文:

im currrently doing a wpf interface with a list of button made from he c# code, i want to make these button like half a circle but i dont know how to do it. thanks you all in advancement.

something like this

  1. buttonList = new Button[7];
  2.             for (int i = 0; i &lt; 7; i++)
  3.             {
  4.                 buttonList[i] = new Button();
  6.                 buttonList[i].Content = &quot;&quot;;
  7.                 buttonList[i].Foreground = Brushes.White;
  8.                 buttonList[i].Background = Brushes.Transparent;
  9.                 buttonList[i].BorderBrush = Brushes.Black;
  10.                 buttonList[i].Name = &quot;Btn&quot; + i;
  11.                 buttonList[i].Click += new RoutedEventHandler(Btn_Click);
  12.                 forzaGrid.Children.Add(buttonList[i]);
  13.                 Grid.SetRow(buttonList[i], 0);
  14.                 Grid.SetColumn(buttonList[i], i);
  15.             }```
  18. </details>
  21. # 答案1
  22. **得分**: 1
  24. 你可以直接在XAML中定义你的按钮和半圆：
  26. ```xml
  27. <Button Width="40"
  28.         Height="20"
  29.         Padding="0"
  30.         Background="Transparent">
  31.     
  32.     <Button.Template>
  33.         <ControlTemplate TargetType="Button">
  34.             <ContentPresenter Content="{TemplateBinding Content}" />
  35.         </ControlTemplate>
  36.     </Button.Template>
  37.         
  38.     <Path Fill="White"
  39.             Width="40"
  40.             Height="21"
  41.             Stroke="Black"
  42.             StrokeThickness="1" HorizontalAlignment="Center" VerticalAlignment="Center">
  43.         <Path.Data>
  44.             <CombinedGeometry GeometryCombineMode="Intersect">
  45.                 <CombinedGeometry.Geometry1>
  46.                     <EllipseGeometry RadiusX="18"
  47.                                         RadiusY="18"
  48.                                         Center="20,20" />
  49.                 </CombinedGeometry.Geometry1>
  50.                 <CombinedGeometry.Geometry2>
  51.                     <RectangleGeometry Rect="0,0,40,20" />
  52.                 </CombinedGeometry.Geometry2>
  53.             </CombinedGeometry>
  54.         </Path.Data>
  55.     </Path>
  56. </Button>

你可以将这个内容封装到UserControl中，这样将更容易添加到你的Grid中。

英文:

You can define your button and half circle in XAML directly:

  1. &lt;Button Width=&quot;40&quot;
  2.             Height=&quot;20&quot;
  3.             Padding=&quot;0&quot;
  4.             Background=&quot;Transparent&quot;&gt;
  6.         &lt;Button.Template&gt;
  7.             &lt;ControlTemplate TargetType=&quot;Button&quot;&gt;
  8.                 &lt;ContentPresenter Content=&quot;{TemplateBinding Content}&quot; /&gt;
  9.             &lt;/ControlTemplate&gt;
  10.         &lt;/Button.Template&gt;
  11.     
  12.         &lt;Path Fill=&quot;White&quot;
  13.                 Width=&quot;40&quot;
  14.                 Height=&quot;21&quot;
  15.                 Stroke=&quot;Black&quot;
  16.                 StrokeThickness=&quot;1&quot; HorizontalAlignment=&quot;Center&quot; VerticalAlignment=&quot;Center&quot;&gt;
  17.             &lt;Path.Data&gt;
  18.                 &lt;CombinedGeometry GeometryCombineMode=&quot;Intersect&quot;&gt;
  19.                     &lt;CombinedGeometry.Geometry1&gt;
  20.                         &lt;EllipseGeometry RadiusX=&quot;18&quot;
  21.                                             RadiusY=&quot;18&quot;
  22.                                             Center=&quot;20,20&quot; /&gt;
  23.                     &lt;/CombinedGeometry.Geometry1&gt;
  24.                     &lt;CombinedGeometry.Geometry2&gt;
  25.                         &lt;RectangleGeometry Rect=&quot;0,0,40,20&quot; /&gt;
  26.                     &lt;/CombinedGeometry.Geometry2&gt;
  27.                 &lt;/CombinedGeometry&gt;
  28.             &lt;/Path.Data&gt;
  29.         &lt;/Path&gt;
  30. &lt;/Button&gt;

You can wrap this into UserControl which will make it easier to add to your Grid.

huangapple
  • 本文由 发表于 2023年6月6日 02:31:17
  • 转载请务必保留本文链接：https://go.coder-hub.com/76409125.html
  • c#
  • wpf
  • xaml
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定