基于WPF自定義實現(xiàn)一個顏色拾取器
更新時間：2025年10月23日 08:56:19 作者：加號3
這篇文章主要為大家詳細介紹了如何基于WPF自定義實現(xiàn)一個顏色拾取器,文中的示例代碼講解詳細,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下
1.界面布局
<GroupBox
Padding="0"
BorderThickness="0.1"
Foreground="White"
Header="Color Pick">
<DockPanel>
<GroupBox
Margin="5,0,5,2"
BorderThickness="0.1"
DockPanel.Dock="Right"
Foreground="White"
Header="Color">
<WrapPanel
Width="200"
DockPanel.Dock="Right"
Orientation="Vertical">
<WrapPanel Margin="5,5,0,0">
<Label
VerticalContentAlignment="Center"
Content="R:"
Foreground="White" />
<Label
Name="Label_R"
Margin="5,0,0,0"
VerticalContentAlignment="Center"
Content="0"
Foreground="White" />
</WrapPanel>
<WrapPanel Margin="5,5,0,0">
<Label
VerticalContentAlignment="Center"
Content="G:"
Foreground="White" />
<Label
Name="Label_G"
Margin="5,0,0,0"
VerticalContentAlignment="Center"
Content="0"
Foreground="White" />
</WrapPanel>
<WrapPanel Margin="5,5,0,0">
<Label
VerticalContentAlignment="Center"
Content="B:"
Foreground="White" />
<Label
Name="Label_B"
Margin="5,0,0,0"
VerticalContentAlignment="Center"
Content="0"
Foreground="White" />
</WrapPanel>
<WrapPanel Background="Black">
<Image
x:Name="Image_Clolor"
Width="200"
Height="150"
Margin="0" />
</WrapPanel>
</WrapPanel>
</GroupBox>
<GroupBox
Name="WrapPanel_Image"
Padding="0,0,0,0"
HorizontalContentAlignment="Stretch"
VerticalContentAlignment="Stretch"
Background="Black"
BorderThickness="0"
ClipToBounds="True"
Cursor="Cross"
DockPanel.Dock="Left">
<Image
x:Name="Image_Img"
Width="{Binding ElementName=WrapPanel_Image, Path=ActualWidth}"
Height="{Binding ElementName=WrapPanel_Image, Path=ActualHeight}"
Margin="-5,0,0,0"
HorizontalAlignment="Left"
VerticalAlignment="Top"
ClipToBounds="True"
MouseWheel="Image_Img_MouseWheel"
PreviewMouseLeftButtonDown="Image_Img_PreviewMouseLeftButtonDown"
PreviewMouseLeftButtonUp="Image_Img_PreviewMouseLeftButtonUp"
PreviewMouseMove="Image_Img_PreviewMouseMove"
PreviewMouseRightButtonDown="Image_Img_PreviewMouseRightButtonDown"
RenderOptions.BitmapScalingMode="Fant"
Stretch="Uniform">
<Image.RenderTransform>
<TransformGroup>
<ScaleTransform x:Name="Image_Img_ScaleTransform" CenterX="0" CenterY="0" ScaleX="1" ScaleY="1" />
<TranslateTransform x:Name="Image_Img_TranslateTransform" X="0" Y="0" />
</TransformGroup>
</Image.RenderTransform>
</Image>
</GroupBox>
</DockPanel>
</GroupBox>
2.后臺實現(xiàn)
/// <summary>
/// ColorPickerUserControl.xaml 的交互邏輯
/// </summary>
public partial class ColorPickerUserControl : UserControl
{
//圖像原圖
private Bitmap originalBitmap;
//縮放比率
private double ScaleRatio = 0.2;
//鼠標(biāo)按下坐標(biāo)
private System.Windows.Point currentClickPoint = new System.Windows.Point(0, 0);
//鼠標(biāo)按下標(biāo)識
bool isImageLeftButtonDown = false;
/// <summary>
/// 當(dāng)前選中顏色
/// </summary>
public System.Drawing.Color CurrentColor;
public ColorPickerUserControl()
{
InitializeComponent();
}
/// <summary>
/// 資源釋放
/// </summary>
public void Dispose()
{
try
{
Image_Img.Source?.Freeze();
Image_Img.Source = null;
originalBitmap?.Dispose();
originalBitmap = null;
Image_Clolor.Source?.Freeze();
Image_Clolor.Source = null;
}
catch (Exception ex)
{
throw new Exception(ex.Message);
}
}
/// <summary>
/// 加載圖像
/// </summary>
/// <param name="fileName">圖像文件路徑</param>
public void InitImage(string fileName)
{
try
{
Image_Img.Stretch = Stretch.Uniform;
if (File.Exists(fileName))
{
Task<BitmapImage> task = Task.Run(() =>
{
//后臺讀取圖像，防止圖像太大卡住主線程
using (var stream = File.OpenRead(fileName))
{
var bmp = new BitmapImage();
bmp.BeginInit();
bmp.StreamSource = stream;
bmp.CacheOption = BitmapCacheOption.OnLoad;
bmp.EndInit();
bmp.Freeze(); // 凍結(jié)對象以便跨線程訪問
originalBitmap = new Bitmap(stream);
return bmp;
}
});
task.Wait();
Image_Img.Source = task.Result;
}
}
catch (Exception ex)
{
throw new Exception(ex.Message);
}
}
/// <summary>
/// 加載圖像
/// </summary>
/// <param name="bitmap">圖像</param>
public void InitImage(Bitmap bitmap)
{
try
{
originalBitmap?.Dispose();
originalBitmap = null;
originalBitmap = new Bitmap(bitmap);
// 將Bitmap轉(zhuǎn)換為WPF的BitmapImage
BitmapImage bitmapImage;
using (MemoryStream memory = new MemoryStream())
{
bitmap.Save(memory, System.Drawing.Imaging.ImageFormat.Png);
memory.Position = 0;
bitmapImage = new BitmapImage();
bitmapImage.BeginInit();
bitmapImage.StreamSource = memory;
bitmapImage.CacheOption = BitmapCacheOption.OnLoad;
bitmapImage.EndInit();
}
Image_Img.Source = bitmapImage;
bitmapImage?.Freeze();
bitmapImage = null;
}
catch (Exception ex)
{
throw new Exception(ex.Message);
}
}
/// <summary>
/// 鼠標(biāo)左鍵按下
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void Image_Img_PreviewMouseLeftButtonDown(object sender, MouseButtonEventArgs e)
{
try
{
if (e.ChangedButton != MouseButton.Left) return;
var pos = e.GetPosition((System.Windows.Controls.Image)e.Source);
currentClickPoint = pos;
isImageLeftButtonDown = true;
var img = ((System.Windows.Controls.Image)e.Source).Source as BitmapSource;
ColorPicker(img, pos);
}
catch (Exception ex)
{
throw new Exception(ex.Message);
}
}
/// <summary>
/// 圖像點轉(zhuǎn)真實點
/// </summary>
/// <param name="thumbnailX"></param>
/// <returns></returns>
private double ToCamRealX(double thumbnailX)
{
return (thumbnailX / Image_Img.ActualWidth) * (double)(originalBitmap?.Width ?? 0);
}
/// <summary>
/// 圖像點轉(zhuǎn)真實點
/// </summary>
/// <param name="thumbnailY"></param>
/// <returns></returns>
private double ToCamRealY(double thumbnailY)
{
return (thumbnailY / Image_Img.ActualHeight) * (double)(originalBitmap?.Height ?? 0);
}
/// <summary>
/// 顏色拾取
/// </summary>
/// <param name="img"></param>
/// <param name="pos"></param>
/// <exception cref="Exception"></exception>
protected void ColorPicker(BitmapSource img, System.Windows.Point pos)
{
try
{
int stride = img.PixelWidth * 4;
int size = img.PixelHeight * stride;
byte[] pixels = new byte[(int)size];
img.CopyPixels(pixels, stride, 0);
// Get pixel
//屏幕坐標(biāo)轉(zhuǎn)圖像坐標(biāo)
var x = (int)ToCamRealX(pos.X);
var y = (int)ToCamRealY(pos.Y);
int index = y * stride + 4 * x;
byte red = pixels[index];
byte green = pixels[index + 1];
byte blue = pixels[index + 2];
byte alpha = pixels[index + 3];
System.Drawing.Color color = System.Drawing.Color.FromArgb(alpha, blue, green, red);
Label_R.Content = color.R.ToString();
Label_G.Content = color.G.ToString();
Label_B.Content = color.B.ToString();
//string ColorText = "#" + color.A.ToString("X2") + color.R.ToString("X2") + color.G.ToString("X2") + color.B.ToString("X2");
ColorShow(color);
}
catch (Exception ex)
{
throw new Exception(ex.Message);
}
}
/// <summary>
/// 顏色顯示
/// </summary>
/// <param name="color"></param>
/// <exception cref="Exception"></exception>
private void ColorShow(System.Drawing.Color color)
{
try
{
CurrentColor = color;
int w = (int)Image_Clolor.Width;
int h = (int)Image_Clolor.Height;
Bitmap bitmap = new Bitmap(w, h, System.Drawing.Imaging.PixelFormat.Format32bppArgb);
for (int x = 0; x < w; x++)
{
for (int y = 0; y < h; y++)
{
bitmap.SetPixel(x, y, color);
}
}
BitmapImage bitmapImage;
using (MemoryStream memory = new MemoryStream())
{
bitmap.Save(memory, System.Drawing.Imaging.ImageFormat.Png);
memory.Position = 0;
bitmapImage = new BitmapImage();
bitmapImage.BeginInit();
bitmapImage.StreamSource = memory;
bitmapImage.CacheOption = BitmapCacheOption.OnLoad;
bitmapImage.EndInit();
}
Image_Clolor.Source = bitmapImage;
bitmapImage?.Freeze();
bitmapImage = null;
bitmap.Dispose();
}
catch (Exception ex)
{
throw new Exception(ex.Message);
}
}
/// <summary>
/// 鼠標(biāo)滾動縮放
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void Image_Img_MouseWheel(object sender, MouseWheelEventArgs e)
{
try
{
System.Windows.Point center = e.GetPosition(Image_Img);
double scale = 0;
if (e.Delta > 0)
{
scale = Image_Img_ScaleTransform.ScaleX + ScaleRatio;
if (scale > 30)
{
return;
}
}
else
{
scale = Image_Img_ScaleTransform.ScaleX - ScaleRatio;
if (scale < 0.5)
{
return;
}
}
//圖像
Image_Img_ScaleTransform.ScaleX = scale;
Image_Img_ScaleTransform.ScaleY = scale;
}
catch
{
}
}
/// <summary>
/// 鼠標(biāo)移動
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void Image_Img_PreviewMouseMove(object sender, MouseEventArgs e)
{
try
{
if (isImageLeftButtonDown == true)
{
if (e.LeftButton == MouseButtonState.Pressed)
{
//移動
System.Windows.Point newPoint = e.GetPosition(Image_Img);
double deltaX = newPoint.X - currentClickPoint.X;
double deltaY = newPoint.Y - currentClickPoint.Y;
//圖像
Image_Img_TranslateTransform.X += deltaX;
Image_Img_TranslateTransform.Y += deltaY;
}
}
}
catch
{
}
}
/// <summary>
/// 鼠標(biāo)放開
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void Image_Img_PreviewMouseLeftButtonUp(object sender, MouseButtonEventArgs e)
{
isImageLeftButtonDown = false;
}
/// <summary>
/// 鼠標(biāo)右鍵
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void Image_Img_PreviewMouseRightButtonDown(object sender, MouseButtonEventArgs e)
{
Recombination();
}
/// <summary>
/// 重置圖像大小
/// </summary>
private void Recombination()
{
try
{
//圖像
Image_Img_ScaleTransform.ScaleX = 1;
Image_Img_ScaleTransform.ScaleY = 1;
Image_Img_TranslateTransform.X = 0;
Image_Img_TranslateTransform.Y = 0;
}
catch
{
}
}
}
3.效果
到此這篇關(guān)于基于WPF自定義實現(xiàn)一個顏色拾取器的文章就介紹到這了,更多相關(guān)WPF顏色拾取器內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
本文給大家分享的是仿微博或者空間中，發(fā)布內(nèi)容之后提示NN秒之前留言的代碼，主要是通過發(fā)布時間和當(dāng)前時間直接的差值來計算，十分的簡單實用，有需要的小伙伴可以參考下。2015-05-05
Unity Shader實現(xiàn)描邊OutLine效果
這篇文章主要為大家詳細介紹了Unity Shader實現(xiàn)描邊OutLine效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-01-01
winform c#中子窗體關(guān)閉刷新父窗體的實例
下面小編就為大家?guī)硪黄獁inform c#中子窗體關(guān)閉刷新父窗體的實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-02-02
這篇文章主要給大家介紹了關(guān)于C#中FileSystemWatcher使用的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-12-12
這篇文章主要為大家詳細介紹了PropertyGrid自定義控件的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-06-06
用.NET創(chuàng)建Windows服務(wù)的方法
用.NET創(chuàng)建Windows服務(wù)的方法...2007-03-03
這篇文章主要介紹了解決Entity Framework中自增主鍵的問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2025-06-06
本篇文章是對abstract與override究竟可不可以同時使用進行了詳細分析介紹，需要的朋友參考下2013-05-05
這篇文章主要介紹了c# 讀取XML文件的示例，幫助大家更好的理解和使用c# 編程語言，感興趣的朋友可以了解下。2020-11-11
這篇文章主要介紹了C#中Json字符串的各種應(yīng)用類實例講解的相關(guān)資料,需要的朋友可以參考下2015-10-10