设为首页 收藏本站
查看: 826|回复: 0

模仿Windows Phone 7等待状态

[复制链接]
YunVN网友  发表于 2015-5-10 13:08:49 |阅读模式
  Windows Phone 7的等待状态用五个移动的点呈现,在Win8中也使用了同样的风格,感觉很好,本人尝试制作了一个Silverlight控件模仿他,感觉效果还可以,发出来分享一下,有什么不足的地方请各位高手点评点评。
  下面是进度条的效果截图
DSC0000.png
DSC0001.png
DSC0002.png
DSC0003.png
DSC0004.png
DSC0005.png
  先上界面代码


DSC0006.gif DSC0007.gif View Code



   
        
            
               
               
            
            
               
               
            
            
               
               
            
            
               
               
            
            
               
               
            
            
               
                    
                        Visible
                    
               
               
                    
                        Collapsed
                    
               
            
            
               
                    
                        Visible
                    
               
               
                    
                        Collapsed
                    
               
            
            
               
                    
                        Visible
                    
               
               
                    
                        Collapsed
                    
               
            
            
               
                    
                        Visible
                    
               
               
                    
                        Collapsed
                    
               
            
            
               
                    
                        Visible
                    
               
               
                    
                        Collapsed
                    
               
            
        
   
   
        
            
               
            
        
        
            
               
            
        
        
            
               
            
        
        
            
               
            
        
        
            
               
            
        
   

  接着是后台代码


View Code


using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;
namespace SilverlightApplication3
{
    public partial class WP7ProgressBar : UserControl
    {
        public WP7ProgressBar()
        {
            InitializeComponent();
        }
        public void Start()
        {
            this.Visibility = Visibility.Visible;
            Move.Begin();
        }
        public void Stop()
        {
            this.Visibility = Visibility.Collapsed;
            Move.Stop();
        }
        public double MoveWidth
        {
            get { return (double)base.GetValue(MoveWidthProperty); }
            set { base.SetValue(MoveWidthProperty, value); }
        }
        public static DependencyProperty MoveWidthProperty = DependencyProperty.Register(
            "MoveWidth",
            typeof(double ),
            typeof(WP7ProgressBar),
            new PropertyMetadata(0.0, new PropertyChangedCallback(WP7ProgressBar.OnMoveWidthPropertyChanged)));
        private static void OnMoveWidthPropertyChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
        {
            try
            {
                WP7ProgressBar wp7ProgressBar =(d as WP7ProgressBar);
                wp7ProgressBar.SplineDoubleKeyFrame1.Value = (double)e.NewValue;
                wp7ProgressBar.SplineDoubleKeyFrame2.Value = (double)e.NewValue;
                wp7ProgressBar.SplineDoubleKeyFrame3.Value = (double)e.NewValue;
                wp7ProgressBar.SplineDoubleKeyFrame4.Value = (double)e.NewValue;
                wp7ProgressBar.SplineDoubleKeyFrame5.Value = (double)e.NewValue;
                wp7ProgressBar.Width = (double)e.NewValue;
            }
            catch (Exception ex)
            {
                string ks = ex.ToString();
            }
        }
        public new  Brush Background
        {
            get { return (Brush)base.GetValue(BackgroundProperty); }
            set { base.SetValue(BackgroundProperty, value); }
        }
        public new  static DependencyProperty BackgroundProperty = DependencyProperty.Register(
            "Background",
            typeof(Brush),
            typeof(WP7ProgressBar),
            new PropertyMetadata(new SolidColorBrush(Color.FromArgb(0, 0, 0, 0)), new PropertyChangedCallback(WP7ProgressBar.OnBackgroundPropertyChanged)));
        private static void OnBackgroundPropertyChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
        {
            try
            {
                WP7ProgressBar wp7ProgressBar = (d as WP7ProgressBar);
                wp7ProgressBar.BackCanvas.Background = (Brush)e.NewValue;
            }
            catch (Exception ex)
            {
                string ks = ex.ToString();
            }
        }
        public new Brush PointColor
        {
            get { return (Brush)base.GetValue(PointColorProperty); }
            set { base.SetValue(PointColorProperty, value); }
        }
        public new static DependencyProperty PointColorProperty = DependencyProperty.Register(
            "PointColor",
            typeof(Brush),
            typeof(WP7ProgressBar),
            new PropertyMetadata(new SolidColorBrush(Color.FromArgb(0, 0, 0, 0)), new PropertyChangedCallback(WP7ProgressBar.OnPointColorPropertyChanged)));
        private static void OnPointColorPropertyChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
        {
            try
            {
                WP7ProgressBar wp7ProgressBar = (d as WP7ProgressBar);
                wp7ProgressBar.rectangle1 .Fill = (Brush)e.NewValue;
                wp7ProgressBar.rectangle2.Fill = (Brush)e.NewValue;
                wp7ProgressBar.rectangle3.Fill = (Brush)e.NewValue;
                wp7ProgressBar.rectangle4.Fill = (Brush)e.NewValue;
                wp7ProgressBar.rectangle5.Fill = (Brush)e.NewValue;
            }
            catch (Exception ex)
            {
                string ks = ex.ToString();
            }
        }
    }
}
  
在Silverlight中声明属性感觉比较麻烦,大家有没有提高效率的方法,推荐推荐。

运维网声明 1、欢迎大家加入本站运维交流群:群②:261659950 群⑤:202807635 群⑦870801961 群⑧679858003
2、本站所有主题由该帖子作者发表,该帖子作者与运维网享有帖子相关版权
3、所有作品的著作权均归原作者享有,请您和我们一样尊重他人的著作权等合法权益。如果您对作品感到满意,请购买正版
4、禁止制作、复制、发布和传播具有反动、淫秽、色情、暴力、凶杀等内容的信息,一经发现立即删除。若您因此触犯法律,一切后果自负,我们对此不承担任何责任
5、所有资源均系网友上传或者通过网络收集,我们仅提供一个展示、介绍、观摩学习的平台,我们不对其内容的准确性、可靠性、正当性、安全性、合法性等负责,亦不承担任何法律责任
6、所有作品仅供您个人学习、研究或欣赏,不得用于商业或者其他用途,否则,一切后果均由您自己承担,我们对此不承担任何法律责任
7、如涉及侵犯版权等问题,请您及时通知我们,我们将立即采取措施予以解决
8、联系人Email:admin@iyunv.com 网址:www.yunweiku.com

所有资源均系网友上传或者通过网络收集,我们仅提供一个展示、介绍、观摩学习的平台,我们不对其承担任何法律责任,如涉及侵犯版权等问题,请您及时通知我们,我们将立即处理,联系人Email:kefu@iyunv.com,QQ:1061981298 本贴地址:https://www.yunweiku.com/thread-65469-1-1.html 上篇帖子: 实际使用Windows 7中的Readyboost功能 下篇帖子: Windows Phone 7 页面的数值传递和对象传递
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

扫码加入运维网微信交流群X

扫码加入运维网微信交流群

扫描二维码加入运维网微信交流群,最新一手资源尽在官方微信交流群!快快加入我们吧...

扫描微信二维码查看详情

客服E-mail:kefu@iyunv.com 客服QQ:1061981298


QQ群⑦:运维网交流群⑦ QQ群⑧:运维网交流群⑧ k8s群:运维网kubernetes交流群


提醒:禁止发布任何违反国家法律、法规的言论与图片等内容;本站内容均来自个人观点与网络等信息,非本站认同之观点.


本站大部分资源是网友从网上搜集分享而来,其版权均归原作者及其网站所有,我们尊重他人的合法权益,如有内容侵犯您的合法权益,请及时与我们联系进行核实删除!



合作伙伴: 青云cloud

快速回复 返回顶部 返回列表