a color picker control for .NET MAUI powered by SkiaSharp.
Home Page: https://johnnys.news/2022/08/say-hello-to-Maui-ColorPicker
👤 Pronouns: he / him
⚡️ Fun fact: 95% of my sideprojects are stuck at the last 5%
There is a fork of this package with the result that there are now two very similar nuget packages available, where the forked package now has more downloads.
It's a bit confusing for users but it turns out that there are actually some improvements like a fix for #4. It's a pity that the improvements were done in a fork rather than contributing them back via PRs.
Would it be an idea to discuss with @trungnt2910 to have one merged repo and package?
The PickedColor Property has no public setter. I can see no way to set the initial Color of the ColorPicker.
Is .Net 8 support planned?
macOs:
Android, iOS:
xaml-code:
...
<Border x:Name="ColorPickerHolderFrame"
HeightRequest="150"
HorizontalOptions="Center"
WidthRequest="300"
Margin="15">
<controls:ColorPicker
x:Name="ColorPickerBody"
ColorFlowDirection="Horizontal"
ColorSpectrumStyle="TintToHueToShadeStyle"
PointerRingBorderUnits="0.3"
PointerRingDiameterUnits="0.7"
PickedColorChanged="OnPickedColorChanged">
<controls:ColorPicker.BaseColorList>
<x:Array Type="{x:Type x:String}">
<!-- Red -->
<x:String>#ff0000</x:String>
<!-- Yellow -->
<x:String>#ffff00</x:String>
<!-- Green (Lime) -->
<x:String>#00ff00</x:String>
<!-- Aqua -->
<x:String>#00ffff</x:String>
<!-- Blue -->
<x:String>#0000ff</x:String>
<!-- Fuchsia -->
<x:String>#ff00ff</x:String>
<!-- Red -->
<x:String>#ff0000</x:String>
</x:Array>
</controls:ColorPicker.BaseColorList>
</controls:ColorPicker>
</Border>
...From a default constructed ColorPicker, setting the PointerRingPositionXUnits property from code to 0.666 and the PointerRingPositionYUnits to 0 does not always point to the color "Blue". It sometimes gets off a little bit to the left and gives a lighter variant of blue.
Sometimes, this bug occurs:
Normally, this is the expected behavior:
The problem here is, the drawing and color determination relies on the _lastTouchPoint, which is relative to the CanvasSize. However, in some weird situations, CanvasSize can change, invalidating the coordinates of _lastTouchPoint.
See:
Maui.ColorPicker/Maui.ColorPicker/ColorPicker.xaml.cs
Lines 477 to 479 in ce6fd9b
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.