Android - Effetti immagine
Android ti consente di manipolare le immagini aggiungendo diversi tipi di effetti sulle immagini. È possibile applicare facilmente tecniche di elaborazione delle immagini per aggiungere determinati tipi di effetti alle immagini. Gli effetti potrebbero essere luminosità, oscurità, conversione in scala di grigi ecc
Android fornisce la classe Bitmap per gestire le immagini. Questo può essere trovato in android.graphics.bitmap. Esistono molti modi per creare un'istanza di bitmap. Stiamo creando una bitmap dell'immagine da imageView.
private Bitmap bmp;
private ImageView img;
img = (ImageView)findViewById(R.id.imageView1);
BitmapDrawable abmp = (BitmapDrawable)img.getDrawable();Ora creeremo bitmap chiamando la funzione getBitmap () della classe BitmapDrawable. La sua sintassi è data di seguito:
bmp = abmp.getBitmap();Un'immagine non è altro che una matrice bidimensionale. Allo stesso modo gestirai una bitmap. Un'immagine è composta da pixel. Quindi otterrai pixel da questa bitmap e applicherai l'elaborazione. La sua sintassi è la seguente:
for(int i=0; i<bmp.getWidth(); i++){
for(int j=0; j<bmp.getHeight(); j++){
int p = bmp.getPixel(i, j);
}
}Le funzioni getWidth () e getHeight () restituiscono l'altezza e la larghezza della matrice. Il metodo getPixel () restituisce il pixel all'indice specificato. Una volta ottenuto il pixel, puoi facilmente manipolarlo in base alle tue esigenze.
Oltre a questi metodi, ci sono altri metodi che ci aiutano a manipolare meglio le immagini.
| Suor n | Metodo e descrizione |
|---|---|
| 1 |
copy(Bitmap.Config config, boolean isMutable) Questo metodo copia i pixel di questa bitmap nella nuova bitmap |
| 2 |
createBitmap(DisplayMetrics display, int width, int height, Bitmap.Config config) Restituisce una bitmap modificabile con la larghezza e l'altezza specificate |
| 3 |
createBitmap(int width, int height, Bitmap.Config config) Restituisce una bitmap modificabile con la larghezza e l'altezza specificate |
| 4 |
createBitmap(Bitmap src) Restituisce una bitmap non modificabile dalla bitmap di origine |
| 5 |
extractAlpha() Restituisce una nuova bitmap che acquisisce i valori alfa dell'originale |
| 6 |
getConfig() Questo mehtod restituisce quella configurazione, altrimenti restituisce null |
| 7 |
getDensity() Restituisce la densità per questa bitmap |
| 8 | getRowBytes() Restituisce il numero di byte tra le righe nei pixel della bitmap |
| 9 |
setPixel(int x, int y, int color) Scrivi il colore specificato nella bitmap (supponendo che sia modificabile) alle coordinate x, y |
| 10 |
setDensity(int density) Questo metodo specifica la densità per questa bitmap |
Esempio
L'esempio seguente mostra alcuni degli effetti dell'immagine sulla bitmap. Crea un'applicazione di base che ti consente di convertire l'immagine in scala di grigi e molto altro ancora.
Per sperimentare questo esempio, è necessario eseguirlo su un dispositivo reale.
| Passi | Descrizione |
|---|---|
| 1 | Utilizzerai Android Studio per creare un'applicazione Android con un pacchetto com.example.sairamkrishna.myapplication. |
| 2 | Modifica il file src / MainActivity.java per aggiungere il codice necessario. |
| 3 | Modifica res / layout / activity_main per aggiungere i rispettivi componenti XML |
| 4 | Esegui l'applicazione e scegli un dispositivo Android in esecuzione, installa l'applicazione su di esso e verifica i risultati |
Di seguito è riportato il contenuto del file modificato MainActivity.java.
package com.example.sairamkrishna.myapplication;
import android.graphics.Bitmap;
import android.graphics.Color;
import android.graphics.drawable.BitmapDrawable;
import android.support.v7.app.ActionBarActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.ImageView;
public class MainActivity extends ActionBarActivity {
Button b1, b2, b3;
ImageView im;
private Bitmap bmp;
private Bitmap operation;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
b1 = (Button) findViewById(R.id.button);
b2 = (Button) findViewById(R.id.button2);
b3 = (Button) findViewById(R.id.button3);
im = (ImageView) findViewById(R.id.imageView);
BitmapDrawable abmp = (BitmapDrawable) im.getDrawable();
bmp = abmp.getBitmap();
}
public void gray(View view) {
operation = Bitmap.createBitmap(bmp.getWidth(),bmp.getHeight(), bmp.getConfig());
double red = 0.33;
double green = 0.59;
double blue = 0.11;
for (int i = 0; i < bmp.getWidth(); i++) {
for (int j = 0; j < bmp.getHeight(); j++) {
int p = bmp.getPixel(i, j);
int r = Color.red(p);
int g = Color.green(p);
int b = Color.blue(p);
r = (int) red * r;
g = (int) green * g;
b = (int) blue * b;
operation.setPixel(i, j, Color.argb(Color.alpha(p), r, g, b));
}
}
im.setImageBitmap(operation);
}
public void bright(View view){
operation= Bitmap.createBitmap(bmp.getWidth(), bmp.getHeight(),bmp.getConfig());
for(int i=0; i<bmp.getWidth(); i++){
for(int j=0; j<bmp.getHeight(); j++){
int p = bmp.getPixel(i, j);
int r = Color.red(p);
int g = Color.green(p);
int b = Color.blue(p);
int alpha = Color.alpha(p);
r = 100 + r;
g = 100 + g;
b = 100 + b;
alpha = 100 + alpha;
operation.setPixel(i, j, Color.argb(alpha, r, g, b));
}
}
im.setImageBitmap(operation);
}
public void dark(View view){
operation= Bitmap.createBitmap(bmp.getWidth(),bmp.getHeight(),bmp.getConfig());
for(int i=0; i<bmp.getWidth(); i++){
for(int j=0; j<bmp.getHeight(); j++){
int p = bmp.getPixel(i, j);
int r = Color.red(p);
int g = Color.green(p);
int b = Color.blue(p);
int alpha = Color.alpha(p);
r = r - 50;
g = g - 50;
b = b - 50;
alpha = alpha -50;
operation.setPixel(i, j, Color.argb(Color.alpha(p), r, g, b));
}
}
im.setImageBitmap(operation);
}
public void gama(View view) {
operation = Bitmap.createBitmap(bmp.getWidth(),bmp.getHeight(),bmp.getConfig());
for(int i=0; i<bmp.getWidth(); i++){
for(int j=0; j<bmp.getHeight(); j++){
int p = bmp.getPixel(i, j);
int r = Color.red(p);
int g = Color.green(p);
int b = Color.blue(p);
int alpha = Color.alpha(p);
r = r + 150;
g = 0;
b = 0;
alpha = 0;
operation.setPixel(i, j, Color.argb(Color.alpha(p), r, g, b));
}
}
im.setImageBitmap(operation);
}
public void green(View view){
operation = Bitmap.createBitmap(bmp.getWidth(),bmp.getHeight(), bmp.getConfig());
for(int i=0; <bmp.getWidth(); i++){
for(int j=0; j<bmp.getHeight(); j++){
int p = bmp.getPixel(i, j);
int r = Color.red(p);
int g = Color.green(p);
int b = Color.blue(p);
int alpha = Color.alpha(p);
r = 0;
g = g+150;
b = 0;
alpha = 0;
operation.setPixel(i, j, Color.argb(Color.alpha(p), r, g, b));
}
}
im.setImageBitmap(operation);
}
public void blue(View view){
operation = Bitmap.createBitmap(bmp.getWidth(),bmp.getHeight(), bmp.getConfig());
for(int i=0; i<bmp.getWidth(); i++){
for(int j=0; j<bmp.getHeight(); j++){
int p = bmp.getPixel(i, j);
int r = Color.red(p);
int g = Color.green(p);
int b = Color.blue(p);
int alpha = Color.alpha(p);
r = 0;
g = 0;
b = b+150;
alpha = 0;
operation.setPixel(i, j, Color.argb(Color.alpha(p), r, g, b));
}
}
im.setImageBitmap(operation);
}
}Di seguito è riportato il contenuto modificato del file xml res/layout/activity_main.xml.
Qui abc indica il logo di tutorialspoint.com
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/textView"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true"
android:textSize="30dp"
android:text="Image Effects" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Tutorials Point"
android:id="@+id/textView2"
android:layout_below="@+id/textView"
android:layout_centerHorizontal="true"
android:textSize="35dp"
android:textColor="#ff16ff01" />
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/imageView"
android:layout_below="@+id/textView2"
android:layout_centerHorizontal="true"
android:src="@drawable/abc"/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Gray"
android:onClick="gray"
android:id="@+id/button"
android:layout_alignParentBottom="true"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:layout_marginBottom="97dp" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="dark"
android:onClick="dark"
android:id="@+id/button2"
android:layout_alignBottom="@+id/button"
android:layout_alignParentRight="true"
android:layout_alignParentEnd="true" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Bright"
android:onClick="bright"
android:id="@+id/button3"
android:layout_alignTop="@+id/button2"
android:layout_centerHorizontal="true" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Red"
android:onClick="gama"
android:id="@+id/button4"
android:layout_below="@+id/button3"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Green"
android:onClick="green"
android:id="@+id/button5"
android:layout_alignTop="@+id/button4"
android:layout_alignLeft="@+id/button3"
android:layout_alignStart="@+id/button3" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="blue"
android:onClick="blue"
android:id="@+id/button6"
android:layout_below="@+id/button2"
android:layout_toRightOf="@+id/textView"
android:layout_toEndOf="@+id/textView" />
</RelativeLayout>Di seguito è riportato il contenuto di AndroidManifest.xml file.
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.example.sairamkrishna.myapplication" >
<application
android:allowBackup="true"
android:icon="@mipmap/ic_launcher"
android:label="@string/app_name"
android:theme="@style/AppTheme" >
<activity
android:name=".MainActivity"
android:label="@string/app_name" >
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
</application>
</manifest>Proviamo a eseguire la nostra applicazione che abbiamo appena modificato. Presumo che tu abbia creato il tuoAVDdurante l'impostazione dell'ambiente. Per eseguire l'app da Android Studio, apri uno dei file di attività del tuo progetto e fai clic 
sull'icona Esegui dalla barra degli strumenti. Android Studio installa l'app sul tuo AVD e la avvia e se tutto va bene con la configurazione e l'applicazione, verrà visualizzata la seguente finestra dell'emulatore:
Ora se guarderai lo schermo del tuo dispositivo, vedrai un'immagine di Android insieme a tre pulsanti.
Ora seleziona semplicemente il pulsante Grigio che convertirà la tua immagine in scala di grigi e aggiornerà l'interfaccia utente. È mostrato di seguito -
Ora tocca il pulsante luminoso, che aggiungerà un valore a ciascun pixel dell'immagine e quindi creerà un'illusione di luminosità. È mostrato di seguito -
Ora tocca il pulsante scuro, che sottrarrà un valore a ciascun pixel dell'immagine e quindi creerà un'illusione di buio. È mostrato di seguito -
Ora tocca il pulsante rosso, che sottrarrà un valore a ciascun pixel dell'immagine e quindi creerà un'illusione di buio. È mostrato di seguito -
Ora tocca il pulsante verde, che sottrarrà un valore a ciascun pixel dell'immagine e quindi creerà un'illusione di buio. È mostrato di seguito -
Ora tocca il pulsante blu, che sottrarrà un valore a ciascun pixel dell'immagine e quindi creerà un'illusione di buio. È mostrato di seguito -
