Ottenere il colore predominante da un'immagine con la Universal Windows Platform

di Matteo Tumiati, in Windows 10,

Abbiamo già discusso in passato di come la Universal Windows Platform fornisca la possibilità a tutti gli sviluppatori di creare applicazioni più accattivanti e funzionali, anche grazie all'introduzione di paradigmi come il Fluent Design Language (rivisitato proprio a Microsoft Build in questi giorni) che permette di sfruttare luce e colori per rendere le applicazioni più "vive".

Per quanto riguarda la gestione dei colori, in alcuni script precedenti abbiamo visto come possiamo recuperare, ad esempio, il colore predefinito, piuttosto che il tema (chiaro/scuro), in Windows, così da creare applicazioni dinamiche e costruite su misura per gli utenti che ne faranno uso. Un altro aspetto, ad esempio per le applicazioni che si occupano di scrittura del testo, piuttosto che di elaborazioni di immagini, riguarda il cambio del tema a seconda del colore prevalente all'interno di un'immagine caricata.

Per recuperare il colore prevalente, è necessario lavorare un po' con le trasformazioni della classe BitmapDecoder, come mostrato nell'esempio seguente:

private async Task<Color> GetDominantColorAsync(Uri imageUri)
{
    // apertura dell'immagine
    var file = await StorageFile.GetFileFromApplicationUriAsync(imageUri);

    // caricamento dello stream
    using (var stream = await file.OpenAsync(FileAccessMode.Read))
    {
        // creazione del decoder
        var decoder = await BitmapDecoder.CreateAsync(stream);

        // creazione di una trasformazione per recuperare un'immagine 1x1
        var myTransform = new BitmapTransform { ScaledHeight = 1, ScaledWidth = 1 };

        // ricalcolo dei pixel
        var pixels = await decoder.GetPixelDataAsync(
            BitmapPixelFormat.Rgba8,
            BitmapAlphaMode.Ignore,
            myTransform,
            ExifOrientationMode.IgnoreExifOrientation,
            ColorManagementMode.DoNotColorManage);

        // recupero dei byte sull'immagine scalata
        var bytes = pixels.DetachPixelData();

        // lettura del colore
        return Color.FromArgb(255, bytes[0], bytes[1], bytes[2]);
    }
}

Come si può notare, infatti, una volta aperto il file viene trasformata l'immagine in ingresso per trattarla come se fosse un unico grande pixel, e da qui è sufficiente ricostruire il colore semplicemente recuperando le varie tonalità RGB a cui viene poi applicato un canale alpha (di trasparenza) al massimo, così da renderlo visibile.

Commenti

Visualizza/aggiungi commenti

| Condividi su: Twitter, Facebook, LinkedIn

Per inserire un commento, devi avere un account.

Fai il login e torna a questa pagina, oppure registrati alla nostra community.

Approfondimenti

I più letti di oggi