您好,登錄后才能下訂單哦!
這期內(nèi)容當(dāng)中小編將會(huì)給大家?guī)碛嘘P(guān)利用WPF制作一個(gè)背景燈光隨鼠標(biāo)閃動(dòng)效果,文章內(nèi)容豐富且以專業(yè)的角度為大家分析和敘述,閱讀完這篇文章希望大家可以有所收獲。
實(shí)現(xiàn)效果如下:
思路:將容器分割成組合三角形Path,鼠標(biāo)移動(dòng)時(shí)更新每個(gè)三角形的填充顏色。
步驟:
1、窗體xaml
只需放置一個(gè)Canvas。
<Canvas x:Name="container" Width="400" Height="400"></Canvas>
2、交互邏輯
/// <summary> /// MainWindow.xaml 的交互邏輯 /// </summary> public partial class MainWindow : Window { private Point lastMousePosition = new Point(0, 0);//鼠標(biāo)位置 private int triangleLength = 100;//三角形邊長(zhǎng) public MainWindow() { InitializeComponent(); this.Loaded += MainWindow_Loaded; CompositionTarget.Rendering += UpdateTriangle; this.container.PreviewMouseMove += UpdateLastMousePosition; } private void MainWindow_Loaded(object sender, RoutedEventArgs e) { //將長(zhǎng)方形容易劃分成組合三角形 int horizontalCount = (int)(this.container.ActualWidth / triangleLength); int verticalCount = (int)(this.container.ActualHeight / triangleLength); for (int i = 0; i < horizontalCount; i++) { for (int j = 0; j < verticalCount; j++) { Path trianglePath2 = new Path(); var g1 = new StreamGeometry(); using (StreamGeometryContext context = g1.Open()) { context.BeginFigure(new Point(i * triangleLength, j * triangleLength), true, true); context.LineTo(new Point(i * triangleLength, (j + 1) * triangleLength), true, false); context.LineTo(new Point((i + 1) * triangleLength, (j + 1) * triangleLength), true, false); } trianglePath2.Data = g1; trianglePath2.Fill = new SolidColorBrush(Color.FromArgb(255, 247, 18, 65)); this.container.Children.Add(trianglePath2); Path trianglePath3 = new Path(); var g2 = new StreamGeometry(); using (StreamGeometryContext context = g2.Open()) { context.BeginFigure(new Point(i * triangleLength, j * triangleLength), true, true); context.LineTo(new Point((i + 1) * triangleLength, j * triangleLength), true, false); context.LineTo(new Point((i + 1) * triangleLength, (j + 1) * triangleLength), true, false); } trianglePath3.Data = g2; trianglePath3.Fill = new SolidColorBrush(Color.FromArgb(255, 247, 18, 65)); this.container.Children.Add(trianglePath3); } } } private void UpdateTriangle(object sender, EventArgs e) { //獲取子控件 List<Path> childList = GetChildObjects<Path>(this.container); for (int i = 0; i < childList.Count; i++) { for (int j = 1; j < childList.Count; j++) { string si = childList[i].Data.ToString(); string si1 = MidStrEx(si, "M", "L"); string si2 = MidStrEx(si, "L", " "); string si3 = MidStrEx(si, " ", "z"); string sj = childList[j].Data.ToString(); string sj1 = MidStrEx(sj, "M", "L"); string sj2 = MidStrEx(sj, "L", " "); string sj3 = MidStrEx(sj, " ", "z"); //左右三角形判斷 if (si1 == sj1 && si3 == sj3) { double x = childList[i].Data.Bounds.X + (1 - Math.Pow(2, 0.5) / 2) * triangleLength - lastMousePosition.X; double y = childList[i].Data.Bounds.Y + (1 - Math.Pow(2, 0.5) / 2) * triangleLength - lastMousePosition.Y; double rRadio = 1 - Math.Pow(x * x + y * y, 0.5) / Math.Pow(this.container.ActualWidth * this.container.ActualWidth + this.container.ActualHeight * this.container.ActualHeight, 0.5); childList[j].Fill = new SolidColorBrush(Color.FromArgb((byte)(255 * rRadio), 247, 18, 65)); x = childList[j].Data.Bounds.TopRight.X - (1 - Math.Pow(2, 0.5) / 2) * triangleLength - lastMousePosition.X; rRadio = 1 - Math.Pow(x * x + y * y, 0.5) / Math.Pow(this.container.ActualWidth * this.container.ActualWidth + this.container.ActualHeight * this.container.ActualHeight, 0.5); childList[i].Fill = new SolidColorBrush(Color.FromArgb((byte)(255 * rRadio), 247, 18, 65)); break; } } } } private void UpdateLastMousePosition(object sender, MouseEventArgs e) { lastMousePosition = e.GetPosition(this.container); } /// <summary> /// 獲得所有子控件 /// </summary> private List<T> GetChildObjects<T>(System.Windows.DependencyObject obj) where T : System.Windows.FrameworkElement { System.Windows.DependencyObject child = null; List<T> childList = new List<T>(); for (int i = 0; i < VisualTreeHelper.GetChildrenCount(obj); i++) { child = VisualTreeHelper.GetChild(obj, i); if (child is T) { childList.Add((T)child); } childList.AddRange(GetChildObjects<T>(child)); } return childList; } /// <summary> /// 截取兩個(gè)指定字符中間的字符串 /// </summary> public static string MidStrEx(string sourse, string startstr, string endstr) { string result = string.Empty; int startindex, endindex; try { startindex = sourse.IndexOf(startstr); if (startindex == -1) return result; string tmpstr = sourse.Substring(startindex + startstr.Length); endindex = tmpstr.IndexOf(endstr); if (endindex == -1) return result; result = tmpstr.Remove(endindex); } catch (Exception ex) { } return result; } }
說明:當(dāng)組合三角形過多時(shí),會(huì)有明顯卡頓,需要優(yōu)化色彩更新方法。
上述就是小編為大家分享的利用WPF制作一個(gè)背景燈光隨鼠標(biāo)閃動(dòng)效果了,如果剛好有類似的疑惑,不妨參照上述分析進(jìn)行理解。如果想知道更多相關(guān)知識(shí),歡迎關(guān)注億速云行業(yè)資訊頻道。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。