• 02/15/2019
  • 10 minuti per leggere
    • c
    • v
    • D
    • n
    • m
    • +4

È possibile creare una nuova immagine bitmap, icone, cursori, o la barra degli strumenti, e quindi utilizzare l’Editor di Immagini per personalizzare il suo aspetto. È inoltre possibile creare un nuovo modello bitmap dopo un modello di risorsa.,

Icone e cursori: Risorse immagine per dispositivi di visualizzazione

Icone e cursori sono risorse grafiche che possono contenere più immagini in diverse dimensioni e combinazioni di colori per diversi tipi di dispositivi di visualizzazione. Un cursore ha anche un punto caldo, la posizione di Windows utilizza per monitorare la sua posizione. Sia le icone che i cursori vengono creati e modificati utilizzando l’editor di immagini, così come le bitmap e altre immagini.

Quando si crea una nuova icona o un nuovo cursore, l’editor di immagini crea prima un’immagine di tipo standard. L’immagine viene inizialmente riempita con il colore dello schermo (trasparente)., Se l’immagine è un cursore, il punto caldo è inizialmente l’angolo in alto a sinistra con le coordinate 0,0.

Per impostazione predefinita, l’editor di immagini supporta la creazione di immagini aggiuntive per i dispositivi mostrati nella tabella seguente. È possibile creare immagini per altri dispositivi digitando i parametri larghezza, altezza e conteggio colori nella finestra di dialogo Immagine personalizzata.,d>

48 48 16 96 96 256 16 16 256 32 32 256 48 48 256 64 64 256 96 96

Create a device image (icon or cursor)

When you create a new icon or cursor resource, the Image Editor first creates an image in a specific style (32 × 32, 16 colors for icons and 32 × 32, Monochrome for cursors)., È quindi possibile aggiungere immagini di diverse dimensioni e stili all’icona o al cursore iniziale e modificare ogni immagine aggiuntiva, se necessario, per i diversi dispositivi di visualizzazione. È inoltre possibile modificare un’immagine utilizzando un’operazione taglia e incolla da un tipo di immagine esistente o da una bitmap creata in un programma di grafica.

Quando si apre l’icona o la risorsa cursore nell’editor di immagini, l’immagine più vicina al dispositivo di visualizzazione corrente viene aperta per impostazione predefinita.

Nota

Se il tuo progetto non contiene già un .file rc, vedere Creazione di un nuovo file di script di risorse.,

La nuova finestra di dialogo<Device> Image Type consente di creare una nuova immagine del dispositivo di un tipo specificato. Per aprire il nuovo<Dispositivo > Immagine finestra di dialogo, andare al menu Immagine > Nuovo tipo di immagine. Le seguenti proprietà incluse sono il tipo di immagine di destinazione e Personalizzato.,

L’Immagine di Destinazione Tipo di proprietà elenca i tipi di immagine in cui selezionare il tipo di immagine che si desidera aprire:

16 x 16, 16 colori
32 x 32, 16 colori
48 x 48, 16 colori
64 x 64, 16 colori
96 x 96, 16 colori

16 x 16, 256 colori
32 x 32, 256 colori
48 x 48, 256 colori
64 x 64, 256 colori
96 x 96, 256 colori

16 x 16, Monocromatico
32 x 32, Monocromatico
48 x 48, Monocromatico
64 x 64, Monocromatico
96 x 96, Monocromatico

Nota

tutte le immagini esistenti non verranno visualizzati in questo elenco.,

La proprietà Personalizzata apre la finestra di dialogo Immagine personalizzata in cui è possibile creare una nuova immagine con dimensioni e numero di colori personalizzati.

La finestra di dialogo Immagine personalizzata consente di creare una nuova immagine con dimensioni e numero di colori personalizzati. Le seguenti proprietà sono inclusi:

Proprietà Descrizione
Larghezza Fornisce uno spazio per inserire la larghezza dell’immagine personalizzata in pixel (1 – 512, limite di 2048).,
Altezza Fornisce uno spazio per inserire l’altezza per l’immagine personalizzata in pixel (1 – 512, limite di 2048).
Colori Fornisce uno spazio per scegliere il numero di colori per l’immagine personalizzata: 2, 16 o 256.

Utilizzare la finestra di dialogo Apri<Device > Image per aprire le immagini del dispositivo nei progetti C++. Elenca le immagini del dispositivo esistenti nella risorsa corrente (immagini che fanno parte della risorsa corrente)., La seguente proprietà è incluso:

Proprietà Descrizione
Immagini Elenca le immagini incluse nella risorsa. Selezionare il tipo di immagine che si desidera aprire.

Per creare una nuova icona o cursore

  1. In Resource View, tasto destro del mouse il vostro .rc file, quindi scegliere Inserisci risorsa. Se si dispone già di una risorsa immagine esistente nel vostro .,file rc, come un cursore, è possibile fare clic destro sulla cartella del cursore e selezionare Inserisci cursore.

  2. Nella finestra di dialogo Inserisci risorsa, selezionare Icona o Cursore e scegliere Nuovo. Per le icone, questa azione crea una risorsa icona con un’icona 32 × 32, 16 colori. Per i cursori, viene creata un’immagine monocromatica 32 × 32 (2 colori).

    Se un segno più (+) appare accanto al tipo di risorsa immagine nella finestra di dialogo Inserisci risorsa, significa che i modelli della barra degli strumenti sono disponibili. Selezionare il segno più per espandere l’elenco dei modelli, selezionare un modello e scegliere Nuovo.,

Per aggiungere un’immagine per un dispositivo di visualizzazione diverso

  1. Vai al menu Immagine > Nuova immagine del dispositivo, oppure fai clic con il pulsante destro del mouse nel riquadro dell’editor di immagini e scegli Nuova immagine del dispositivo.

  2. Selezionare il tipo di immagine che si desidera aggiungere. È inoltre possibile selezionare Personalizzato per creare un’icona la cui dimensione non è disponibile nell’elenco predefinito.

Per copiare un’immagine del dispositivo

  1. Vai al menu Immagine> Apri Immagine del dispositivo e scegli un’immagine dall’elenco immagini corrente. Ad esempio, scegliere la versione 32 × 32, 16 colori di un’icona.,

  2. Copiare l’immagine icona attualmente visualizzata (Ctrl + C).

  3. Aprire un’immagine diversa dell’icona in un’altra finestra dell’Editor di immagini. Ad esempio, aprire la versione 16 × 16, 16 colori dell’icona.

  4. Incolla l’immagine dell’icona (Ctrl+V) da una finestra dell’editor di immagini all’altra. Se stai incollando una dimensione più grande in una dimensione più piccola, puoi utilizzare le maniglie delle icone per ridimensionare l’immagine.

Per eliminare un’immagine del dispositivo

Mentre l’immagine icona è visualizzata nell’Editor di immagini, andare al menu Immagine> Elimina immagine del dispositivo., Quando si elimina l’ultima immagine icona nella risorsa, anche la risorsa viene eliminata.

Nota

Quando premi il tasto Canc, le immagini e i colori che hai disegnato su un’icona vengono eliminati, ma l’icona rimane e ora puoi riprogettarla. Se si preme Canc per errore, premere Ctrl + Z per annullare l’azione.

Per creare regioni trasparenti o inverse nelle immagini del dispositivo

Nell’editor di immagini, l’icona iniziale o l’immagine del cursore hanno un attributo trasparente., Anche se le immagini icona e cursore sono rettangolari, molti non appaiono così perché parti dell’immagine sono trasparenti e l’immagine sottostante sullo schermo mostra attraverso l’icona o il cursore. Quando si trascina un’icona, parti dell’immagine possono apparire in un colore invertito. Si crea questo effetto impostando il colore dello schermo e il colore inverso nella finestra Colori.

Lo schermo e i colori inversi applicati alle icone e ai cursori modellano e colorano l’immagine derivata o assegnano regioni inverse. I colori indicano parti dell’immagine che hanno quegli attributi., È possibile modificare i colori che rappresentano gli attributi colore schermo e colore inverso nella modifica. Queste modifiche non influiscono sull’aspetto dell’icona o del cursore nell’applicazione.

Nota

Le finestre di dialogo e i comandi di menu visualizzati potrebbero differire da quelli descritti nella Guida a seconda delle impostazioni attive o dell’edizione. Per modificare le impostazioni, vai al menu Strumenti > Importa ed Esporta impostazioni. Per ulteriori informazioni, vedere Personalizzare l’IDE di Visual Studio.,

Per creare regioni trasparenti o inverse

  1. Nella finestra Colori, scegliere il selettore Screen-Color o Inverse-Color.

  2. Applica lo schermo o il colore inverso all’immagine utilizzando uno strumento di disegno. Per ulteriori informazioni sugli strumenti di disegno, vedere Utilizzo di uno strumento di disegno.

Per cambiare lo schermo o il colore inverso

  1. Selezionare il selettore Colore schermo o il selettore Colore inverso.

  2. Scegliere un colore dalla tavolozza Colori nella finestra Colori.,

    Il colore complementare viene assegnato automaticamente all’altro selettore.

    Tip

    Se si fa doppio clic sul selettore Colore schermo o Colore inverso, viene visualizzata la finestra di dialogo Selettore colore personalizzato.

Utilizzare la tavolozza a 256 colori

Utilizzando l’editor di immagini, icone e cursori possono essere grandi dimensioni (64 × 64) con una tavolozza a 256 colori tra cui scegliere. Dopo aver creato la risorsa, viene selezionato uno stile immagine del dispositivo.

Per creare un’icona a 256 colori o il cursore

  1. In Resource View, tasto destro del mouse il vostro .rc file, quindi scegliere Inserisci risorsa., Se si dispone già di una risorsa immagine esistente nel vostro .file rc, come un cursore, è possibile fare clic destro sulla cartella del cursore e selezionare Inserisci cursore.

  2. Nella finestra di dialogo Inserisci risorsa, selezionare Icona o Cursore e scegliere Nuovo.

  3. Vai al menu Immagine> Nuova immagine del dispositivo e seleziona lo stile di immagine a 256 colori desiderato.

Per scegliere un colore dalla tavolozza a 256 colori per icone grandi

Per disegnare con una selezione dalla tavolozza a 256 colori, è necessario selezionare i colori dalla tavolozza Colori nella finestra Colori.,

  1. Selezionare l’icona o il cursore di grandi dimensioni o creare una nuova icona o cursore di grandi dimensioni.

  2. Scegliere un colore tra i 256 colori visualizzati nella tavolozza Colori nella finestra Colori.

    Il colore selezionato diventerà il colore corrente nella tavolozza Colori nella finestra Colori.

    Nota

    La tavolozza iniziale utilizzata per le immagini a 256 colori corrisponde alla tavolozza restituita dall’API di Windows CreateHalftonePalette. Tutte le icone destinate alla shell di Windows devono utilizzare questa tavolozza per evitare lo sfarfallio durante la realizzazione della tavolozza.,

Per impostare l’hot spot di un cursore

L’hot spot di un cursore è il punto a cui Windows si riferisce nel tracciare la posizione del cursore. Per impostazione predefinita, l’hot spot è impostato sull’angolo in alto a sinistra del cursore con le coordinate 0,0. La proprietà Hotspot nella finestra Proprietà mostra le coordinate del punto caldo.

  1. Nella barra degli strumenti dell’editor di immagini, scegliere lo strumento Imposta hotspot.

  2. Selezionare il pixel che si desidera assegnare come hot spot del cursore.

    La proprietà Hotspot nella finestra Proprietà visualizza le nuove coordinate.,

Per creare e salvare una bitmap come .gif o .jpeg

Quando si crea una bitmap, l’immagine viene creata in formato bitmap (.BMP). È possibile, tuttavia, salvare l’immagine come GIF o JPEG o in altri formati grafici.

Nota

Questo processo non si applica alle icone e ai cursori.

  1. Vai al menu File > Apri, quindi seleziona File.

  2. Nella finestra di dialogo Nuovo file, scegliere la cartella Visual C++, quindi selezionare File bitmap (.bmp) nella casella Modelli e selezionare Apri.

    La bitmap si apre nell’editor di immagini.,

  3. Apportare modifiche alla nuova bitmap, se necessario.

  4. Con la bitmap ancora aperta nell’Editor di immagini, vai al menu File> Salva nome file.bmp Come.

  5. Nella finestra di dialogo Salva file con nome, digitare il nome che si desidera assegnare al file e l’estensione che indica il formato di file desiderato nella casella Nome file. Ad esempio, myfile.GIF.

    Nota

    È necessario creare o aprire la bitmap al di fuori del progetto per salvarlo come un altro formato di file. Se lo si crea o lo si apre all’interno del progetto, il comando Salva con nome non sarà disponibile., Per ulteriori informazioni, vedere Visualizzazione delle risorse in un file di script di risorse al di fuori di un progetto (standalone).

  6. Selezionare Salva.

Per convertire un’immagine da un formato all’altro

È possibile aprire le immagini GIF o JPEG nell’editor di immagini e salvarle come bitmap. Inoltre, è possibile aprire un file bitmap e salvarlo come GIF o JPEG. Le immagini con cui si lavora non devono essere parte di un progetto per la modifica nell’ambiente di sviluppo (vedere modifica delle immagini stand-alone).

  1. Aprire l’immagine nell’Editor di immagini.,

  2. Vai al menu File> Salva nome file con nome.

  3. Nella finestra di dialogo Salva file con nome, nella casella Nome file, digitare il nome del file e l’estensione che indica il formato desiderato.

  4. Selezionare Salva.

Per aggiungere una nuova risorsa immagine a un progetto C++ non gestito

  1. In Resource View, fare clic destro sul .rc file, quindi scegliere Inserisci risorsa. Se si dispone già di una risorsa immagine esistente nel vostro .file rc, come ad esempio un cursore, si può semplicemente fare clic destro sulla cartella del cursore e selezionare Inserisci cursore.,

  2. Nella finestra di dialogo Inserisci risorsa, selezionare il tipo di risorsa immagine che si desidera creare (Bitmap, ad esempio), quindi scegliere Nuovo.

    Se un segno più (+) appare accanto al tipo di risorsa immagine nella finestra di dialogo Inserisci risorsa, significa che i modelli della barra degli strumenti sono disponibili. Selezionare il segno più per espandere l’elenco dei modelli, selezionare un modello e scegliere Nuovo.

Per aggiungere una nuova risorsa immagine a un progetto in un linguaggio di programmazione.NET

  1. In Esplora soluzioni, fare clic con il pulsante destro del mouse sulla cartella del progetto (ad esempio, WindowsApplication1).,

  2. Dal menu di scelta rapida, selezionare Aggiungi, quindi scegliere Aggiungi nuovo elemento.

  3. Nel riquadro Categorie, espandere la cartella Elementi progetto locale, quindi scegliere Risorse.

  4. Nel riquadro Modelli, scegliere il tipo di risorsa che si desidera aggiungere al progetto.

    La risorsa viene aggiunta al progetto in Esplora soluzioni e la risorsa si apre nell’editor di immagini. È ora possibile utilizzare tutti gli strumenti disponibili nell’editor di immagini per modificare l’immagine. Per ulteriori informazioni sull’aggiunta di immagini a un progetto gestito, vedere Caricamento di un’immagine in fase di progettazione.,

Requisiti

Nessuno

Vedi anche

Editor di immagini per icone
Come: modificare un’immagine
Come: utilizzare uno strumento di disegno
Come: Lavorare con il colore
Tasti di scelta rapida