首先,表示WPF界面设计和.net Framework3.0之前的拖控件,代码控制控件的位置的思路完全不同。
昨天老大让我把定时发送命令的时间由用户自己选择的功能做到界面上,用滑块,搞了半天还是没能从之前的界面设计思路中走出来。下面是我这个功能遇到的问题和经验。
首先,WPF中的Slider敲到XAML中显示是个什么都没有的滑块和一条线,没有像CheckBox附带的文字描述
代码是
<Slider Value="{Binding SlideTimer}" Height="27" HorizontalAlignment="Left" Margin="97,18,0,0" Name="slider1" VerticalAlignment="Top" Width="147" Maximum="60"
Minimum="5" IsDirectionReversed="False" Orientation="Horizontal" />
设置slider的最大值,最小值 ,当前值都可以通过属性面板,或者在代码里敲。置于slider的位置 ,外层是什么控件,margin等值 依据自己需要去设置了。当你托动滑块的时候总要放两个lable或TextBox显示给用户看当前托动到的值 ,所以加上两个lable
<Slider Value="{Binding SlideTimer}" Height="27" HorizontalAlignment="Left" Margin="97,18,0,0" Name="slider1" VerticalAlignment="Top" Width="147" Maximum="60" Minimum="5" IsDirectionReversed="False" Orientation="Horizontal" />
<Label Foreground="Black" Content="间隔时间" Height="20" Width="53" HorizontalAlignment="Left" Margin="30,18,0,0" Name="label2" VerticalAlignment="Top" />
<Label Foreground="Black" Content="{Binding SlideTimer}" Height="20" Width="45" HorizontalAlignment="Right" Margin="0,18,41,0" Name="label3" VerticalAlignment="Top"/> <Label Content="秒" Foreground="Black" Height="20" HorizontalAlignment="Left" Margin="315,18,0,0" Name="label4" VerticalAlignment="Top" Width="24" />
这里遇到一个问题,就是IDE上不显示Lable,无论你把 Content="间隔时间" 怎么给值都不显示 ,原来 lable的默认色是白色,汗,要加上Foreground="Black"才行
WPF牛逼和优雅的一个地方就是依赖项属性,这里的 slider和 lalel3 都有这个代码Value="{Binding SlideTimer}" 和 Content="{Binding SlideTimer}"
其实他是绑定了后台的SlideTimer的一个依赖项属性。
这里,我使用了微软的第三方的DLL,使得不需要动代码去注册依赖项属性。只需要将代码这样写
public class InLine : NotificationObject//这里引用了微软Microsoft.Practices.Prismdll
{
private int m_SlideTimer;
public int SlideTimer
{
get { return m_SlideTimer; }
set//这样写,SliderTimer就会被注册为依赖项属性
{
m_SlideTimer = value;
this.RaisePropertyChanged("SlideTimer");
}
}
}
这样通过 InLine类中的其它方法改变SlideTimer的值 ,前台的滑块就能够动态变动了;当然,你界面上拖动滑块,后台SlideTimer的值 也会跟着变的。
最终效果