CommunityToolkit / CommunityToolkit/Windows

CommunityToolkit.WinUI.Controls.ColorPicker Bug on IsColorSpectrumVisible

Offen
#701 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

bug components::controls::colorpicker
Vorherrschende Sprache
C#
Sterne
1.1k
Forks
166
PR-Merge-Kennzahlen
Keine gemergten PRs in 30 T.

Beschreibung

Describe the bug

I've implemented the CommunityToolkit.WinUI.Controls.ColorPicker color picker version 8.2. However, I can't managed to save the spectrum state when I close and reopen the application, so I decided to disable it visually with the "False" parameter within the UI. However, when I click on the color picker again, the spectrum remains visible.

Steps to reproduce
To reproduce this issue create a new WinUI 3 project (Blank App, Packaged)
<?xml version="1.0" encoding="utf-8"?>
<Window
    x:Class="TestColorPicker.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:muxc="using:Microsoft.UI.Xaml.Controls"
    xmlns:controls="using:CommunityToolkit.WinUI.Controls"
    mc:Ignorable="d">

    <Grid Padding="40">
        <Button Content="Abrir ColorPicker" HorizontalAlignment="Center" VerticalAlignment="Center">
            <Button.Flyout>
                <Flyout>
                    <!-- ColorPicker con espectro desactivado -->
                    <controls:ColorPicker
                        x:Name="TestColorPicker"
                        IsAlphaEnabled="True"
                        IsColorSpectrumVisible="False"
                        IsColorSliderVisible="True"
                        Color="#FF0000"/>
                </Flyout>
            </Button.Flyout>
        </Button>

        <!-- Texto para depuración -->
        <TextBlock Margin="0,150,0,0" HorizontalAlignment="Center"
                   Text="{x:Bind TestColorPicker.Color.ToString(), Mode=OneWay}"/>
    </Grid>
</Window>
c#
using System;
using Microsoft.UI.Xaml;


// To learn more about WinUI, the WinUI project structure,
// and more about our project templates, see: http://aka.ms/winui-project-info.

namespace TestColorPicker
{
    /// <summary>
    /// An empty window that can be used on its own or navigated to within a Frame.
    /// </summary>
    public sealed partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            var assembly = typeof(CommunityToolkit.WinUI.Controls.ColorPicker).Assembly;
            var version = assembly.GetName().Version;
            System.Diagnostics.Debug.WriteLine($"ColorPicker version: {version}");
        }
    }
}
Expected behavior

You will see the button to open the color picker and the erroneous behavior of the toolkit appears, even if the spectrum is set to false it will still be displayed.

Screenshots

https://imgur.com/a/REiGxTv#GcjasNg

Code Platform
  • UWP
  • WinAppSDK / WinUI 3
  • Web Assembly (WASM)
  • Android
  • iOS
  • MacOS
  • Linux / GTK
Windows Build Number
  • Windows 10 1809 (Build 17763)
  • Windows 10 1903 (Build 18362)
  • Windows 10 1909 (Build 18363)
  • Windows 10 2004 (Build 19041)
  • Windows 10 20H2 (Build 19042)
  • Windows 10 21H1 (Build 19043)
  • Windows 10 21H2 (Build 19044)
  • Windows 10 22H2 (Build 19045)
  • Windows 11 21H2 (Build 22000)
  • Other (specify)
Other Windows Build number

No response

App minimum and target SDK version
  • Windows 10, version 1809 (Build 17763)
  • Windows 10, version 1903 (Build 18362)
  • Windows 10, version 1909 (Build 18363)
  • Windows 10, version 2004 (Build 19041)
  • Windows 10, version 2104 (Build 20348)
  • Windows 11, version 22H2 (Build 22000)
  • Other (specify)
Other SDK version

Microsoft.WindowsAppSDK 1.7.250606001

Visual Studio Version

2022

Visual Studio Build Number

Versión 17.14.7

Device form factor

Desktop

Additional context

No response

Help us help you

Yes, I'd like to be assigned to work on this item.

Beitragsleitfaden

Beitragsleitfaden öffnen

Erste Schritte

  1. Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
  3. Forke das Repository und arbeite in einem Branch.
  4. Öffne einen Pull Request, der die Issue-Nummer nennt.

Rechercherichtung

Beginne bei der Implementierung von CommunityToolkit.WinUI.Controls.ColorPicker und bilde das Verhalten mit dem bereitgestellten WinUI 3 XAML nach, insbesondere die Einstellung IsColorSpectrumVisible="False" innerhalb des Flyout. Erledigt ist die Aufgabe, wenn beim erneuten Öffnen des color picker das Farbspektrum ausgeblendet bleibt, wenn diese Eigenschaft false ist.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
csharp
Bereich
desktop, frontend
Issue-Typ
Bug
Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
35/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.