UWP &WP8.1 依赖属性和用户控件 依赖属性简单使用 uwp添加UserControl

上面说 附加属性。这章节说依赖属性。 所谓依赖属性。白话讲就是添加一个公开的属性。

 

同样,依赖属性的用法和附加属性的用法差不多。

 

依赖属性是具有一个get,set的属性,以及反调函数。

 

首先是声明依赖属性。 依赖属性的用法如同附加属性,值得说明的是依赖属性是附加属性的”爸爸“,附加属性是依赖属性的派生。

 

声明必须是使用三个关键字:public static readonly (公开的 静态的 只读的)

之后是 依赖属性的 标识:DependencyProperty

合起来就是 :public static readonly DependencecyProperty  XXXProperty 

之后就是用DependencecyProperty的Register的方法,进行注册。 下面是一个例子

 public static readonly DependencyProperty OpenZoomProperty = DependencyProperty.Register
            (
            //name    要注册的依赖项对象的名称
            "IsOpenZoom",
            //propertyType    该属性的类型,作为类型参考
            typeof(bool),
            //ownerType    正在注册依赖项属性的所有者类型,作为类型参考
            typeof(UserControl),
            //defaultMetadata    属性元数据实例。这可以包含一个 PropertyChangedCallback 实现引用。
//  都一个参数:元数据,第二个数据是反调函数【没有函数会自动注册一个】
new PropertyMetadata(false, new PropertyChangedCallback(OnChang))
            );

值得说的,依赖属性的表示名必须是XXX加上Property。

下面是 DependencyProperty的Register方法的四个参数的介绍:

 

名字 解释 个人理解
name 要注册的依赖项对象的名称。 依赖属性公开的名字
propertyType 该属性的类型,作为类型参考 这个依赖属性的类型
ownerType 正在注册依赖项属性的所有者类型,作为类型参考 这个依赖属性属于谁
defaultMetadata 属性元数据实例。这可以包含一个 PropertyChangedCallback 实现引用。 反调函数【是否元数据】

         ***这面说一下依赖属性和附加属性再最后一个方法的反调函数是不同,(依赖属性)一个包含两个参数,(附加属性)一个只有一个。

这个写完声明,说第四个参数会自动注册一个函数。【接上面注册】,所谓反调函数就是你最终对某个内容或者属性的进行操作

  //这个是ScrollViewer的是否开启放大效果
private static void OnChang(DependencyObject d, DependencyPropertyChangedEventArgs e)
        {
            if (e.NewValue != null)
            {
                SetPhoto setphoto = (SetPhoto)d;
                switch ((bool)e.NewValue)
                {
                    case true:
                        setphoto.scrollViewer.ZoomMode = ZoomMode.Enabled;
                        break;
                    case false:
                        setphoto.scrollViewer.ZoomMode = ZoomMode.Disabled;
                        break;
              }                              
         }

        }

 

下面说set get的方法,依赖属性必须有get/set或者二者。 就是一个普通的方法

 
public bool IsOpenZoom
        {
//get,获取值并且转换其bool
            get { return (bool)GetValue(OpenZoomProperty); }
//或者值 并存储到上面说的依赖属性中
            set { SetValue(OpenZoomProperty, value); }
        }

到这里 一个简单的依赖属性就结束。

 

下面就是一个简单是例子,用户控件添加依赖属性。

用户控件的目的: 可以放大缩小图片。

依赖属性: 1.是否打开放大效果

               2.添加图片到控件Image

               3.指示放大倍数

添加一个用户控件 名为SetPhoto

*********************

xaml页面代码:

<UserControl 
    x:Class="水印添加M2.SetPhoto"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:水印添加M2"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    d:DesignHeight="300"
    d:DesignWidth="400">

    <Grid>
        <ScrollViewer x:Name="scrollViewer"  HorizontalScrollBarVisibility="Auto" >
            <Image x:Name="image"/>
        </ScrollViewer>
        
    </Grid>
</UserControl>

之后就是后台代码:

namespace Mode
{
    public sealed partial class SetPhoto : UserControl
    {
        public SetPhoto()
        {
            this.InitializeComponent();

        }

        public static readonly DependencyProperty OpenZoomProperty = DependencyProperty.Register
            (
            //name    要注册的依赖项对象的名称
            "IsOpenZoom",
            //propertyType    该属性的类型,作为类型参考
            typeof(bool),
            //ownerType    正在注册依赖项属性的所有者类型,作为类型参考
            typeof(UserControl),
            //defaultMetadata    属性元数据实例。这可以包含一个 PropertyChangedCallback 实现引用。
            new PropertyMetadata(false, new PropertyChangedCallback(OnChang))
            );

        public static readonly DependencyProperty SetImageProperty = DependencyProperty.Register("ImageSource", typeof(ImageSource), typeof(UserControl), new PropertyMetadata(null, new PropertyChangedCallback(ImageChange)));

        public static readonly DependencyProperty ViewChangeProperty = DependencyProperty.Register("ViewChang", typeof(float), typeof(UserControl), new PropertyMetadata(null, new PropertyChangedCallback(ViewChang)));

        private static void ViewChang(DependencyObject d, DependencyPropertyChangedEventArgs e)
        {
            SetPhoto s = (SetPhoto)d;
     //第一个参数 最大倍数
     //第二个参数 最小倍数
     //第三个参数 放大倍数
            s.scrollViewer.ChangeView(10, 0, (float)e.NewValue);
        }

        private static void ImageChange(DependencyObject d, DependencyPropertyChangedEventArgs e)
        {
            SetPhoto s = (SetPhoto)d;
          // 标准Image的Source的类型 方便
            s.image.Source = (ImageSource)e.NewValue;

        }

        private static void OnChang(DependencyObject d, DependencyPropertyChangedEventArgs e)
        {
            if (e.NewValue != null)
            {
                SetPhoto setphoto = (SetPhoto)d;
                switch ((bool)e.NewValue)
                {
                    case true:
                        setphoto.scrollViewer.ZoomMode = ZoomMode.Enabled;
                        break;
                    case false:
                        setphoto.scrollViewer.ZoomMode = ZoomMode.Disabled;
                        break;
              }                              
         }

        }
        /// <summary>
        /// 图片
        /// </summary>
        public ImageSource ImageSource
        {
            get { return (ImageSource)GetValue(SetImageProperty); }

            set { SetValue(SetImageProperty, value); }
        }
        public bool IsOpenZoom
        {
            get { return (bool)GetValue(OpenZoomProperty); }

            set { SetValue(OpenZoomProperty, value); }
        }

        public float ViewChange

        {

            get { return (float)GetValue(ViewChangeProperty); }
            set { SetValue(ViewChangeProperty, value); }

        }

       
    }
}

之后 这个SetPhoto用户控件就多了三个属性,以方便我们使用的。

值得一说,用户控件的使用方式,只有用户控件在个你要添加的xaml页面在再同一个命名空间中 你直接使用local关键字就可以了

<local:SetPhoto  Grid.Row="1" x:Name="U" IsOpenZoom="True" />

c#直接添加就是

//实例化
SetPhoto setP=new SetPhoto();

之后添加到 你要添加的面板控件或者其他控件中 就可以了

posted @ 2017-03-17 19:49  ARM830  阅读(1238)  评论(5编辑  收藏  举报