Quindi iniziamo con la configurazione di questo. Qui, avviare la fotocamera asincrona è la funzione che chiamiamo per
aprire la fotocamera ma in realtà lì, è possibile configurare un bel po '.
Se passi un oggetto qui, hai un paio di opzioni che puoi impostare e, naturalmente, i documenti ufficiali dell'esposizione per il
selettore di immagini sono il posto dove andare per imparare tutto su queste opzioni.
Ora le impostazioni predefinite in realtà sono
abbastanza buone, ma ad esempio qui, è possibile aggiungere consente la modifica e impostarlo su true per ottenere un editor
di base che consente di ritagliare l'immagine, ad esempio, ed è effettivamente qualcosa che abiliterò qui.
È inoltre possibile impostare un formato specifico in cui si desidera accedere, ad esempio 16: 9, che verrà
preso in considerazione nella modalità di modifica.
Puoi anche impostare se vuoi una stringa base64 invece di un file o in aggiunta al file dovrei dire, il che significa che
ottieni una stringa di testo che rappresenta la tua immagine, che è abbastanza grande e non lo farò qui
e puoi anche controllare la qualità e lì, imposterò la qualità su 0.
5, questo dovrebbe essere un valore compreso tra 0 e 1, dove uno è il valore più alto
possibile e, naturalmente, ciò influisce anche sulla dimensione dell'immagine in seguito.
Quindi vuoi scegliere una dimensione o una qualità che abbia senso per la tua app.
Se stai usando l'immagine solo come anteprima, potresti non aver bisogno di immagini ad altissima risoluzione. Con ciò, questo è configurato e la
domanda ovviamente è: come possiamo accedere all'immagine che è stata scattata?
Bene, ricorda che questa è una promessa o che restituisce una promessa.
Bene, naturalmente,
quindi possiamo attendere quella promessa e il risultato che otteniamo dopo che la promessa si è risolta davvero è l'immagine,
quindi possiamo semplicemente memorizzare questa immagine in una costante. Un'immagine è ora un oggetto con varie informazioni sull'immagine
che è stata presa.
Quindi qui, possiamo consolare l'immagine del registro per vedere cosa c'è dentro.
Salviamo questo e testiamolo su Android. Lì se ora vado a
questa nuova schermata qui, prendo un'immagine e prendo questa immagine con questa finta fotocamera simulatore, arrivo qui e confermo
questo,
ora vado a questo ritaglio o a
questo strumento di modifica perché ho abilitato la modifica, qui ho ho questa cosa in formato 16: 9 che
posso spostare e facendo clic sul ritaglio, ora posso selezionarlo e se ora
diamo un'occhiata alla console, vediamo che questo è l'oggetto che abbiamo ottenuto.
È un oggetto con un campo annullato che ci dice che questo non è stato cancellato ma che abbiamo preso un'immagine,
quindi
questo è un campo che possiamo controllare per scoprire se l'utente ha fatto un'immagine o se il
processo è stato annullato.
Otteniamo l'altezza dell'immagine e
la larghezza, otteniamo il tipo di immagine e URI, quindi un collegamento al file di immagine.
Ora questo è in una directory temporanea che viene ripulita automaticamente periodicamente, quindi
ovviamente non è la memoria o il percorso in cui si desidera archiviarlo in modo permanente e lo
sposteremo in seguito con l'API del filesystem ma per ora, questo è
qualcosa che posso lavorare con.
Quindi, per generare un'anteprima, possiamo gestire alcuni stati qui nel selettore di immagini importando lo stato d'uso e quindi
inizializzandoli lì, lo stato d'uso può essere chiamato qui e, naturalmente, ottengo alcuni
dati qui e questa è la mia immagine selezionata e un imposta la funzione immagine selezionata come al
solito dallo stato d'uso e
ora possiamo utilizzarla qui.
Qui voglio impostare l'immagine selezionata su immagine. così, quindi per quel link alla mia
immagine, così quel percorso come
una stringa per la mia immagine e la cosa bella è che questo percorso può essere usato con il componente
immagine, funziona con il componente immagine senza alcuna configurazione speciale.
Quindi, possiamo aggiungere sorgente e ora dobbiamo impostarlo su
un oggetto con questa proprietà URI. Finora nel corso, usiamo quello per indicare le immagini di
rete, bene puoi anche puntare su
immagini locali, quindi qui possiamo puntare sull'immagine raccolta.
Naturalmente questo funziona solo se abbiamo un'immagine selezionata che è il caso solo dopo aver usato
la fotocamera, quindi ora possiamo aggiungere un controllo if qui o una semplice espressione ternaria in
cui controlliamo se l'immagine selezionata è impostata e se non è impostata, da qui il punto esclamativo, mostro questo testo di fallback, altrimenti con i
due punti qui, ho impostato l'immagine e ora abbiamo questo output condizionale e quindi ora se lo salviamo e questo quindi si riavvia su
entrambi i dispositivi, su entrambi i simulatori, se vado su Android e prendo
la mia immagine qui, ovviamente questa fotocamera si apre senza sorprese. Possiamo confermarlo, scegliere la nostra immagine, ritagliarla
e
ora la vediamo qui nell'anteprima, quindi questa è la
nostra immagine che si sta abituando.
E con ciò, è ovviamente tempo di aggiungerlo al luogo che possiamo aggiungere facendo clic sul pulsante Salva luogo ed è tempo di
aggiungere un po 'di spazio tra questi due pulsanti, immagino.