UWP VisualStateManager


目录
  • 前言
  • VisualStateManager
  • 自定义VisualStateManager

前言

刘铁猛老师UWP教程学习笔记

VisualStateManager

  1. VisualStateManager和它的小伙伴们
    1. VisualStateGroup一组与组之间的状态可以叠加使用
    2. VisualState-由Trigger或后台代码触发,使用动画或者Setter来改变控件的属性
  2. 使用技巧
    1. 尽可能避免在后台代码中操作VisualState
    2. 尽可能把UI逻辑与业务逻辑分开
  3. 示例

宽度等于700

大于700


        
        

        
        
            
                
                    
                        
                        
                        
                        
                        
                        
                    
                    
                        
                    
                
            
        
    

自定义VisualStateManager

1.继承StateTriggerBase

public class MyTrigger : StateTriggerBase
{
    public MyTrigger()
    {
        Window.Current.SizeChanged += (s, e) =>
        {
            if (e.Size.Width >= 700)
            {
                this.SetActive(true);
            }
            else
            {
                this.SetActive(false);
            }
        };
    }

2.XAML中使用


        
        

        
        
            
                
                    
                        
                        
                        
                        
                        
                        
                    
                    
                        
                        
                    
                
            
        
    
UWP