Android - efeitos de imagem
O Android permite que você manipule imagens adicionando diferentes tipos de efeitos às imagens. Você pode aplicar facilmente técnicas de processamento de imagem para adicionar certos tipos de efeitos às imagens. Os efeitos podem ser brilho, escuridão, conversão de tons de cinza, etc.
O Android fornece classe Bitmap para lidar com imagens. Isso pode ser encontrado em android.graphics.bitmap. Existem muitas maneiras de instanciar bitmap. Estamos criando um bitmap de imagem do imageView.
private Bitmap bmp;
private ImageView img;
img = (ImageView)findViewById(R.id.imageView1);
BitmapDrawable abmp = (BitmapDrawable)img.getDrawable();Agora vamos criar um bitmap chamando a função getBitmap () da classe BitmapDrawable. Sua sintaxe é fornecida abaixo -
bmp = abmp.getBitmap();Uma imagem nada mais é que uma matriz bidimensional. Da mesma forma que você lidará com um bitmap. Uma imagem consiste em pixels. Portanto, você obterá pixels deste bitmap e aplicará processamento a ele. Sua sintaxe é a seguinte -
for(int i=0; i<bmp.getWidth(); i++){
for(int j=0; j<bmp.getHeight(); j++){
int p = bmp.getPixel(i, j);
}
}As funções getWidth () e getHeight () retornam a altura e a largura da matriz. O método getPixel () retorna o pixel no índice especificado. Depois de obter o pixel, você pode manipulá-lo facilmente de acordo com suas necessidades.
Além desses métodos, existem outros métodos que nos ajudam a manipular melhor as imagens.
| Sr. Não | Método e descrição |
|---|---|
| 1 | copy(Bitmap.Config config, boolean isMutable) Este método copia os pixels deste bitmap para o novo bitmap |
| 2 | createBitmap(DisplayMetrics display, int width, int height, Bitmap.Config config) Retorna um bitmap mutável com a largura e altura especificadas |
| 3 | createBitmap(int width, int height, Bitmap.Config config) Retorna um bitmap mutável com a largura e altura especificadas |
| 4 | createBitmap(Bitmap src) Retorna um bitmap imutável do bitmap de origem |
| 5 | extractAlpha() Retorna um novo bitmap que captura os valores alfa do original |
| 6 | getConfig() Este mehtod retorna essa configuração, caso contrário, retorna null |
| 7 | getDensity() Retorna a densidade para este bitmap |
| 8 | getRowBytes() Retorna o número de bytes entre as linhas nos pixels do bitmap |
| 9 | setPixel(int x, int y, int color) Grave a cor especificada no bitmap (presumindo que seja mutável) na coordenada x, y |
| 10 | setDensity(int density) Este método especifica a densidade para este bitmap |
Exemplo
O exemplo a seguir demonstra alguns dos efeitos de imagem no bitmap. Ele cria um aplicativo básico que permite converter a imagem em tons de cinza e muito mais.
Para experimentar este exemplo, você precisa executá-lo em um dispositivo real.
| Passos | Descrição |
|---|---|
| 1 | Você usará o Android Studio para criar um aplicativo Android em um pacote com.example.sairamkrishna.myapplication. |
| 2 | Modifique o arquivo src / MainActivity.java para adicionar o código necessário. |
| 3 | Modifique res / layout / activity_main para adicionar os respectivos componentes XML |
| 4 | Execute o aplicativo e escolha um dispositivo Android em execução, instale o aplicativo nele e verifique os resultados |
A seguir está o conteúdo do modificado 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);
}
}A seguir está o conteúdo modificado do xml res/layout/activity_main.xml.
Aqui, abc indica sobre o logotipo de 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>A seguir está o conteúdo de AndroidManifest.xml Arquivo.
<?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>Vamos tentar executar nosso aplicativo que acabamos de modificar. Suponho que você tenha criado o seuAVDao fazer a configuração do ambiente. Para executar o aplicativo do Android Studio, abra um dos arquivos de atividade do seu projeto e clique no 
ícone Executar na barra de ferramentas. O Android Studio instala o aplicativo em seu AVD e o inicia e se tudo estiver bem com sua configuração e aplicativo, ele será exibido a seguir a janela do emulador -
Agora, se você olhar para a tela do dispositivo, verá uma imagem do Android junto com três botões.
Agora basta selecionar o botão Cinza que converterá sua imagem em tons de cinza e atualizará a IU. É mostrado abaixo -
Agora toque no botão brilhante, que irá agregar algum valor a cada pixel da imagem e, assim, criar uma ilusão de brilho. É mostrado abaixo -
Agora toque no botão escuro, que subtrairá algum valor a cada pixel da imagem e, assim, criará uma ilusão de escuro. É mostrado abaixo -
Agora toque no botão vermelho, que subtrairá algum valor a cada pixel da imagem e, assim, criará uma ilusão de escuridão. É mostrado abaixo -
Agora toque no botão verde, que subtrairá algum valor a cada pixel da imagem e, assim, criará uma ilusão de escuro. É mostrado abaixo -
Agora toque no botão azul, que subtrairá algum valor a cada pixel da imagem e, assim, criará uma ilusão de escuridão. É mostrado abaixo -
