欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

使用WPF怎么編寫(xiě)一個(gè)轉(zhuǎn)圈進(jìn)度條效果-創(chuàng)新互聯(lián)

使用WPF怎么編寫(xiě)一個(gè)轉(zhuǎn)圈進(jìn)度條效果？相信很多沒(méi)有經(jīng)驗(yàn)的人對(duì)此束手無(wú)策，為此本文總結(jié)了問(wèn)題出現(xiàn)的原因和解決方法，通過(guò)這篇文章希望你能解決這個(gè)問(wèn)題。

創(chuàng)新互聯(lián)長(zhǎng)期為千余家客戶提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年，關(guān)注不同地域、不同群體，并針對(duì)不同對(duì)象提供差異化的產(chǎn)品和服務(wù)；打造開(kāi)放共贏平臺(tái)，與合作伙伴共同營(yíng)造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為博州企業(yè)提供專業(yè)的網(wǎng)站建設(shè)、成都網(wǎng)站建設(shè)，博州網(wǎng)站改版等技術(shù)服務(wù)。擁有10多年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開(kāi)發(fā)。

1、控件界面


<UserControl x:Class="ProgressBarControl" 
       xmlns="/tupian/20230522/error.aspx
       xmlns:x="/tupian/20230522/error.aspx
       xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"  
       xmlns:d="/tupian/20230522/error.aspx
       mc:Ignorable="d" d:DesignHeight="200" d:DesignWidth="300"
       Background="Gray" Loaded="ProgressBarControl_OnLoaded">

  <Grid>
    <Grid.Resources>
      <Style TargetType="Ellipse">
        <Setter Property="Height" Value="{Binding EclipseSize}"></Setter>
        <Setter Property="Width" Value="{Binding EclipseSize}"></Setter>
        <Setter Property="Stretch" Value="Fill"></Setter>
        <!--設(shè)置圓的顏色-->
        <Setter Property="Fill" Value="White"></Setter>
      </Style>
    </Grid.Resources>
    <StackPanel  HorizontalAlignment="Center" 
      VerticalAlignment="Center">
      <Viewbox Width="{Binding ViewBoxSize}" Height="{Binding ViewBoxSize}" 
      HorizontalAlignment="Center" 
      VerticalAlignment="Center">
        <Grid x:Name="LayoutRoot"  
        Background="Transparent" 
        HorizontalAlignment="Center" 
        VerticalAlignment="Center">
          <!--此處有canvas的加載和卸載事件-->
          <Canvas x:Name="ProgressBarCanvas" RenderTransformOrigin="0.5,0.5" 
          HorizontalAlignment="Center" 
          VerticalAlignment="Center" Width="{Binding CanvasSize}" 
          Height="{Binding CanvasSize}" Loaded="HandleLoaded" 
          Unloaded="HandleUnloaded" >
            <!--畫(huà)圓-->            
            <Canvas.RenderTransform>
              <RotateTransform x:Name="SpinnerRotate" Angle="0" />
            </Canvas.RenderTransform>
          </Canvas>
        </Grid>
      </Viewbox>
    </StackPanel>
  </Grid>
</UserControl>

2、控件后臺(tái)邏輯：

 控件后臺(tái)：

/// <summary>
  /// 進(jìn)度條
  /// </summary>
  public partial class ProgressBarControl : UserControl
  {
    //集成到按指定時(shí)間間隔和指定優(yōu)先級(jí)處理的 System.Windows.Threading.Dispatcher 隊(duì)列中的計(jì)時(shí)器。
    private DispatcherTimer animationTimer;
    private ProgressBarDataModel _dataModel;
    private int index = 0;
    #region 構(gòu)造方法與加載
    /// <summary>
    /// 構(gòu)造方法
    /// </summary>
    public ProgressBarControl()
    {
      InitializeComponent();
      
    }
    /// <summary>
    /// 加載后刷新
    /// </summary>
    /// <param name="sender"></param>
    /// <param name="e"></param>
    private void ProgressBarControl_OnLoaded(object sender, RoutedEventArgs e)
    {
      animationTimer = new DispatcherTimer(DispatcherPriority.ContextIdle, Dispatcher);
      //指定時(shí)間間隔
      animationTimer.Interval = new TimeSpan(0, 0, 0, 0, TimeSpan);
      if (EllipseCount < 1)
      {
        EllipseCount = 12;
      }
      for (int i = 0; i < EllipseCount; i++)
      {
        ProgressBarCanvas.Children.Add(new Ellipse());
      }
      var dataModel = new ProgressBarDataModel()
      {
        CanvasSize = CanvasSize,
        EclipseSize = EllipseSize
      };
      _dataModel = dataModel;
      this.DataContext = dataModel;
    }
    #endregion

    #region 屬性
    /// <summary>
    /// 獲取或設(shè)置圓圈數(shù)量
    /// 默認(rèn)12
    /// </summary>
    public double EllipseCount
    {
      get { return (double)GetValue(EllipseCountProperty); }
      set { SetValue(EllipseCountProperty, value); }
    }
    public static readonly DependencyProperty EllipseCountProperty =
      DependencyProperty.Register("EllipseCount", typeof(double), typeof(ProgressBarControl),
      new FrameworkPropertyMetadata(10.0, FrameworkPropertyMetadataOptions.AffectsRender));

    /// <summary>
    /// 獲取或設(shè)置圓圈大小
    /// 默認(rèn)10
    /// </summary>
    public double EllipseSize
    {
      get { return (double)GetValue(EllipseSizeProperty); }
      set { SetValue(EllipseSizeProperty, value); }
    }
    public static readonly DependencyProperty EllipseSizeProperty =
      DependencyProperty.Register("EllipseSize", typeof(double), typeof(ProgressBarControl),
      new FrameworkPropertyMetadata(10.0, FrameworkPropertyMetadataOptions.AffectsRender));

    /// <summary>
    /// 獲取或設(shè)置面板大小
    /// 默認(rèn)80
    /// </summary>
    public double CanvasSize
    {
      get { return (double)GetValue(CanvasSizeProperty); }
      set { SetValue(CanvasSizeProperty, value); }
    }
    public static readonly DependencyProperty CanvasSizeProperty =
      DependencyProperty.Register("CanvasSize", typeof(double), typeof(ProgressBarControl),
      new FrameworkPropertyMetadata(80.0, FrameworkPropertyMetadataOptions.AffectsRender));

    /// <summary>
    /// 獲取或設(shè)置每次旋轉(zhuǎn)角度
    /// 默認(rèn)10.0
    /// </summary>
    public double StepAngle
    {
      get { return (double)GetValue(StepAngleProperty); }
      set { SetValue(StepAngleProperty, value); }
    }

    public static readonly DependencyProperty StepAngleProperty =
      DependencyProperty.Register("StepAngle", typeof(double), typeof(ProgressBarControl),
      new FrameworkPropertyMetadata(10.0, FrameworkPropertyMetadataOptions.AffectsRender));
    /// <summary>
    /// 獲取或設(shè)置每次旋轉(zhuǎn)間隔時(shí)間（毫秒）
    /// 默認(rèn)100毫秒
    /// </summary>
    public int TimeSpan
    {
      get { return (int)GetValue(TimeSpanProperty); }
      set { SetValue(TimeSpanProperty, value); }
    }
    public static readonly DependencyProperty TimeSpanProperty =
      DependencyProperty.Register("TimeSpan", typeof(int), typeof(ProgressBarControl),
      new FrameworkPropertyMetadata(100, FrameworkPropertyMetadataOptions.AffectsRender));
    
    #endregion

    #region 方法
    /// <summary>
    /// Canvas加載
    /// </summary>
    /// <param name="sender"></param>
    /// <param name="e"></param>
    private void HandleLoaded(object sender, RoutedEventArgs e)
    {
      //設(shè)置設(shè)置圓的位置和旋轉(zhuǎn)角度
      SetEclipsePosition(_dataModel);
      //DesignerProperties  提供用于與設(shè)計(jì)器進(jìn)行通信的附加屬性。
      if (!DesignerProperties.GetIsInDesignMode(this))
      {
        if (this.Visibility == System.Windows.Visibility.Visible)
        {
          //超過(guò)計(jì)時(shí)器間隔時(shí)發(fā)生。
          animationTimer.Tick += HandleAnimationTick;
          animationTimer.Start();
        }
      }
    }

    /// <summary>
    /// 設(shè)置圓的位置和旋轉(zhuǎn)角度
    /// </summary>
    private void SetEclipsePosition(ProgressBarDataModel dataModel)
    {
      //圓周長(zhǎng)就是：C = π * d 或者C=2*π*r（其中d是圓的直徑，r是圓的半徑）
      double r =dataModel.R;

      var children=ProgressBarCanvas.Children;
      int count = children.Count;
      double step = (Math.PI * 2) / count;

      //根據(jù)圓中正弦、余弦計(jì)算距離
      int index = 0;
      foreach (var element in children)
      {
        var ellipse = element as Ellipse;
        //透明度
        var opacity = Convert.ToDouble(index)/(count - 1);
        ellipse.SetValue(UIElement.OpacityProperty, opacity<0.05?0.05:opacity);
        //距離
        double left = r + Math.Sin(step*index)*r;
        ellipse.SetValue(Canvas.LeftProperty,left);
        double top = r - Math.Cos(step*index)*r;
        ellipse.SetValue(Canvas.TopProperty, top);

        index++;
      }
    }

    /// <summary>
    /// Canvas卸載時(shí)
    /// </summary>
    /// <param name="sender"></param>
    /// <param name="e"></param>
    private void HandleUnloaded(object sender, RoutedEventArgs e)
    {
      animationTimer.Stop();
      //除去委托
      animationTimer.Tick -= HandleAnimationTick;
    }

    /// <summary>
    /// 超過(guò)計(jì)時(shí)器間隔時(shí)發(fā)生。
    /// </summary>
    /// <param name="sender"></param>
    /// <param name="e"></param>
    private void HandleAnimationTick(object sender, EventArgs e)
    {
      //設(shè)置旋轉(zhuǎn)角度
      SpinnerRotate.Angle = (SpinnerRotate.Angle + StepAngle) % 360;
    }
    #endregion
}

數(shù)據(jù)Model類：

/// <summary>
  /// 進(jìn)度條Model類
  /// </summary>
  public class ProgressBarDataModel
  {
    public double EclipseSize { get; set; }
    public double CanvasSize { get; set; }
    public double ViewBoxSize
    {
      get
      {
        double length = Convert.ToDouble(CanvasSize) - Convert.ToDouble(EclipseSize);
        return length;
      }
    }
    public double EclipseLeftLength
    {
      get
      {
        double length = Convert.ToDouble(CanvasSize) / 2;
        return length;
      }
    }
    public double R
    {
      get
      {
        double length = (Convert.ToDouble(CanvasSize) - Convert.ToDouble(EclipseSize)) / 2;
        return length;
      }
    }
}

3、取用控件

<control:ProgressBarControl CanvasSize="100" EllipseCount="10" EllipseSize="10" StepAngle="36" TimeSpan="60"/>

看完上述內(nèi)容，你們掌握使用WPF怎么編寫(xiě)一個(gè)轉(zhuǎn)圈進(jìn)度條效果的方法了嗎？如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！

分享名稱：使用WPF怎么編寫(xiě)一個(gè)轉(zhuǎn)圈進(jìn)度條效果-創(chuàng)新互聯(lián)
當(dāng)前地址：http://www.chinadenli.net/article48/dccihp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供做網(wǎng)站、全網(wǎng)營(yíng)銷推廣、網(wǎng)站改版、響應(yīng)式網(wǎng)站、外貿(mào)網(wǎng)站建設(shè)、網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)

h5響應(yīng)式網(wǎng)站建設(shè)