-
等级
本版专家分：0结帖率 58.33% -
在大家的帮助下学会了实现数据的绑定能够实现一台电机的状态显示。可是如果是多台电机可能需要自定义控件了。学习了一段时间后对变量绑定始终不得要领，请大家指教一下。
展开阅读全文
-
等级
本版专家分：0
-
图中有四种状态的图片，首先要画出最复杂的一种样子；
将Status设置为依赖属性
然后利用Trigger设置不同Status状态下各个控件的颜色；
最后使用控件时只要设置了Status 属性就会显示指定的样子；
-
等级
本版专家分：0勋章
-
- GitHub
-
-
<UserControl x:Class="WpfApp1.Electromotor"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:local="clr-namespace:WpfApp1"
mc:Ignorable="d"
d:DesignHeight="450" d:DesignWidth="800">
<Grid>
<Canvas>
<Path x:Name="pathAnnulus" Fill="Blue">
<Path.Data>
<GeometryGroup>
<EllipseGeometry RadiusX="100" RadiusY="100" Center="100,100"/>
<EllipseGeometry RadiusX="70" RadiusY="70" Center="100,100"/>
</GeometryGroup>
</Path.Data>
</Path>
<Path x:Name="pathRect" Fill="Blue" Data="M85,30 115,30 115,170 85,170z" Visibility="Collapsed">
<Path.RenderTransform>
<TransformGroup>
<RotateTransform CenterX="100" CenterY="100" Angle="-45"/>
</TransformGroup>
</Path.RenderTransform>
</Path>
<Ellipse x:Name="ellipse" Fill="Blue" Height="200" Width="200" Visibility="Collapsed"/>
</Canvas>
</Grid>
</UserControl>
public partial class Electromotor : UserControl
{
#region Dependency Properties
public static readonly DependencyProperty MotoStatusProperty
= DependencyProperty.Register("MotoStatus", typeof(int), typeof(Electromotor), new PropertyMetadata(0, OnMotoStatusChanged));
#endregion
#region Dependency Property Wrappers
public int MotoStatus
{
get { return (int)GetValue(MotoStatusProperty); }
set { SetValue(MotoStatusProperty, value); }
}
#endregion
#region Constructors
public Electromotor()
{
InitializeComponent();
}
#endregion
#region Private Methods
private static void OnMotoStatusChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
{
Electromotor motor = d as Electromotor;
if (motor == null)
{
return;
}
int status = (int)e.NewValue;
switch (status)
{
case 0:
motor.pathRect.Visibility = Visibility.Collapsed;
motor.ellipse.Visibility = Visibility.Collapsed;
motor.pathAnnulus.Visibility = Visibility.Visible;
break;
case 1:
motor.pathRect.Visibility = Visibility.Collapsed;
motor.ellipse.Visibility = Visibility.Visible;
motor.ellipse.Fill = new SolidColorBrush(Colors.Blue);
motor.pathAnnulus.Visibility = Visibility.Collapsed;
break;
case 2:
motor.pathRect.Visibility = Visibility.Collapsed;
motor.ellipse.Visibility = Visibility.Visible;
motor.ellipse.Fill = new SolidColorBrush(Colors.Red);
motor.pathAnnulus.Visibility = Visibility.Collapsed;
break;
case 3:
motor.pathRect.Visibility = Visibility.Visible;
motor.ellipse.Visibility = Visibility.Collapsed;
motor.pathAnnulus.Visibility = Visibility.Visible;
break;
default:
motor.pathRect.Visibility = Visibility.Collapsed;
motor.ellipse.Visibility = Visibility.Collapsed;
motor.pathAnnulus.Visibility = Visibility.Visible;
break;
}
}
#endregion
}
<Window x:Class="WpfApp1.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:local="clr-namespace:WpfApp1"
mc:Ignorable="d"
Title="MainWindow" Height="450" Width="800">
<Grid>
<local:Electromotor MotoStatus="{Binding MotoStatus}"/>
</Grid>
</Window>
-
等级
本版专家分：0勋章
-
- GitHub
-
-
不过建议把MotoStatus改为枚举值，而不是整数。
-
等级
本版专家分：0
-
/// <summary>
/// UserControl1.xaml 的交互逻辑
/// </summary>
public partial class UserControl1 : UserControl
{
public UserControl1()
{
InitializeComponent();
}
private static readonly DependencyProperty StatusProperty = DependencyProperty.Register("Status", typeof(ControlStatus), typeof(UserControl1), new PropertyMetadata(ControlStatus.A));
public ControlStatus Status
{
get
{
return (ControlStatus)GetValue(StatusProperty);
}
set
{
SetValue(StatusProperty, value);
}
}
}
public enum ControlStatus
{
A = 0,
B = 1,
C = 2,
D = 3
}
<UserControl
x:Class="WpfControlLibrary1.UserControl1"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:local="clr-namespace:WpfControlLibrary1"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
x:Name="This"
d:DesignHeight="300"
d:DesignWidth="300"
mc:Ignorable="d">
<Border
Width="140"
Height="140"
Padding="0"
CornerRadius="70">
<Border.Style>
<Style TargetType="Border">
<Style.Triggers>
<DataTrigger Binding="{Binding ElementName=This, Path=Status}" Value="A">
<Setter Property="BorderThickness" Value="20" />
<Setter Property="BorderBrush" Value="Green" />
<Setter Property="Background" Value="Transparent" />
</DataTrigger>
<DataTrigger Binding="{Binding ElementName=This, Path=Status}" Value="B">
<Setter Property="BorderThickness" Value="20" />
<Setter Property="BorderBrush" Value="Green" />
<Setter Property="Background" Value="Green" />
</DataTrigger>
<DataTrigger Binding="{Binding ElementName=This, Path=Status}" Value="C">
<Setter Property="BorderThickness" Value="20" />
<Setter Property="BorderBrush" Value="Red" />
<Setter Property="Background" Value="Red" />
</DataTrigger>
<DataTrigger Binding="{Binding ElementName=This, Path=Status}" Value="D">
<Setter Property="BorderThickness" Value="20" />
<Setter Property="BorderBrush" Value="Green" />
<Setter Property="Background" Value="Transparent" />
</DataTrigger>
</Style.Triggers>
</Style>
</Border.Style>
<Rectangle
x:Name="rect"
Height="20"
StrokeThickness="0"
RenderTransformOrigin="0.5,0.5">
<Rectangle.RenderTransform>
<RotateTransform Angle="30" />
</Rectangle.RenderTransform>
<Rectangle.Style>
<Style TargetType="Rectangle">
<Style.Triggers>
<DataTrigger Binding="{Binding ElementName=This, Path=Status}" Value="A">
<Setter Property="Fill" Value="Transparent" />
</DataTrigger>
<DataTrigger Binding="{Binding ElementName=This, Path=Status}" Value="B">
<!-- 因为Border有颜色，所以这里也可以设置透明 -->
<Setter Property="Fill" Value="Green" />
</DataTrigger>
<DataTrigger Binding="{Binding ElementName=This, Path=Status}" Value="C">
<!-- 因为Border有颜色，所以这里也可以设置透明 -->
<Setter Property="Fill" Value="Red" />
</DataTrigger>
<DataTrigger Binding="{Binding ElementName=This, Path=Status}" Value="D">
<Setter Property="Fill" Value="Green" />
</DataTrigger>
</Style.Triggers>
</Style>
</Rectangle.Style>
</Rectangle>
</Border>
</UserControl>
- [Android界面] 新手求助：自定义控件重复显示问题
Layout中只有一个自定义控件： ``` <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="match_parent" android:...
- android studio中自定义控件问题
 请教各位大神 图上画红色区域 在androidstudio上怎么实现啊 求步骤！！！
- android：自定义控件时，需要的那个ondraw()方法具体是怎么绘制的？
android：自定义控件时，需要的那个ondraw()方法具体是怎么绘制的？ 因为不了解现在自定义控件的知识，所以请教大神。。。
- WPF 自定义控件后如何处理新添加控件的消息
+号增加了却不知道如何处理+号的Click事件： 首先写Generic.xaml(其中AddItemButton就是我添加的按钮)： <SolidColorBrush x:Key="TabItem.Selected.Background" Color="...
- Android App使用自定义控件出现anr，添加混淆
上周App UI升级，在首页MainActivity.java与次页LocalMainActivity.java右上角都添加了弹出式菜单PopupWindow，使用的是公司自定义的控件com.xxxx.android.widget.xxPopouWindow。在本地编译调试的时候，菜单弹出...
- 请教大神，android中我需要在自定义控件中绘制一个透明的小三角行？
请教大神，android中我需要在自定义控件中绘制一个透明的小三角行，比如我需要在LinearLayout的底部绘制一个透明背景小三角，该怎么绘制呢？ 我在绘制的时候将设置成透明背景，绘制小三角不显示，必须要给他设置一...
- asp.net 快速引用用户自定义控件技巧一例!
在其中一个ascx（定为A）里用标签语法加载另一个ascx（定为B），再在aspx文件中用标签语法加载定为A的ascx，显然就出错了，系统会提示同一目录下控件互相嵌套(请教这里的达人解决!!!)4. 如果将这两个ascx分别放在...
- 请教一个问题，透明、可拉伸、拖动的文本编辑器，C# winform,如果用自定义控件，该怎么实现？
请教一个问题，透明、可拉伸、拖动的文本编辑器，C# winform,如果用自定义控件，该怎么实现？ 
- Android自定义控件（二）控件的测量及形状
继续上一篇文章：Android自定义控件（一）控件的绘制及动画上一篇文章叙述了自定义控件的绘制和动画的解决方案，现在进一步确定控件的onMeasure函数以及形状...
- 请教如何往WPF中控件添加自定义属性。？
初学者。想写个扫雷。...但是我如何为button控件添加一个我自己定义的string boom（属性）值来表示该位置是否有雷呢？这样我就可以在click事件中判断这个button 的我自定义的boom属性来判断是否有雷。
- Delphi 给自定义控件添加属性页
1、属性编辑器和控件属性的关联函数： RegisterPropertyEditor函数：它用来注册一个属性编辑器，将控件中的一个属性和编辑器关联起来。 procedure RegisterPropertyEditor(PropertyType: PTyp
- 自定义控件不显示可能原因
创建的新项目中自定义控件不能显示出来，排查了一天，最后请教高手，发现是创建项目的时候，如果有wpf界面，应该创建为wpf应用项目，之后如有需要可以修改为类库，如果直接创建类库，则自定义控件可能不显示