افکت های تصویر در برنامه نویسی اندروید

4 سال پیش

امتیاز دهید post

افکت های تصویر در برنامه نویسی اندروید

در این درس از مجموعه آموزش برنامه نویسی سایت سورس باران، در مورد افکت های تصویر در برنامه نویسی اندروید (android image effects) صحبت خواهیم کرد.

اندروید به شما امکان می دهد تصاویر را با افزودن افکت های مختلف بر روی تصاویر دستکاری کنید. به راحتی می توانید تکنیک های پردازش تصویر را اضافه کنید تا انواع خاصی از جلوه ها را بر روی تصاویر اضافه کنید. این اثرات می تواند روشنایی، تاریکی، تبدیل مقیاس سیاه و سفید و غیره باشد.

اندروید کلاس Bitmap را برای مدیریت تصاویر ارائه می دهد. این را می توانید در android.graphics.bitmap پیدا کنید. متد های زیادی وجود دارد که از طریق آنها می توانید نقشه بیتی را پیاده سازی کرد. ما در حال ایجاد یک بیت مپ از تصویر از imageView هستیم.

private Bitmap bmp;
private ImageView img;
img = (ImageView)findViewById(R.id.imageView1);
BitmapDrawable  abmp = (BitmapDrawable)img.getDrawable();

private Bitmap bmp;

private ImageView img;

img = (ImageView)findViewById(R.id.imageView1);

BitmapDrawable abmp = (BitmapDrawable)img.getDrawable();

اکنون ما با فراخوانی تابع () getBitmap از کلاس BitmapDrawable ، بیت مپ ایجاد خواهیم کرد. نحو آن در زیر آورده شده است:

bmp = abmp.getBitmap();

1	bmp = abmp.getBitmap();

یک تصویر چیزی نیست جز یک ماتریس دو بعدی. به همین ترتیب شما از یک بیت مپ استفاده خواهید کرد. یک تصویر از پیکسل تشکیل شده است. بنابراین از این bitmap پیکسل دریافت خواهید کرد و پردازش را روی آن اعمال خواهید کرد. نحو آن به شرح زیر است:

for(int i=0; i&lt;bmp.getWidth(); i++){
   for(int j=0; j&lt;bmp.getHeight(); j++){
      int p = bmp.getPixel(i, j);
   }
}

for(int i=0; i<bmp.getWidth(); i++){

for(int j=0; j<bmp.getHeight(); j++){

int p = bmp.getPixel(i, j);

}

توابع ()getWidth و ()getHeight ارتفاع و عرض ماتریس را برمی گرداند. متد ()getPixel پیکسل را در شاخص مشخص شده برمی گرداند. پس از دریافت پیکسل، می توانید به راحتی آن را مطابق با نیاز خود دستکاری کنید.

به غیر از این متد ها،متد های دیگری نیز وجود دارد که به ما کمک می کند تصاویر را بهتر دستکاری کنیم.

(copy(Bitmap.Config config, boolean isMutable

این متد پیکسل های این bitmap را در bitmap جدید کپی می کند

(createBitmap(DisplayMetrics display, int width, int height, Bitmap.Config config

یک متد bitmap متحرک با عرض و ارتفاع مشخص برمی گرداند

(createBitmap(int width, int height, Bitmap.Config config

یک bitmap متحرک با عرض و ارتفاع مشخص برمی گرداند

(createBitmap (Bitmap src

یک bitmap تغییرناپذیر از bitmap منبع برمی گرداند

()extractAlpha

یک bitmap جدید برمی گرداند که مقادیر حاوی آلفای نسخه اصلی است.

()getConfig

این متد پیکربندی را برمی گرداند، در غیر این صورت null را برمی گرداند

()getDensity

چگالی بک bitmap را برمی گرداند

()getRowBytes

تعداد بایت های بین ردیف ها را در پیکسل های bitmap برمی گرداند

(setPixel (int x، int y، int color

رنگ مشخص شده را در مختصات x، y در bitmap می نویسد

(setDensity(int density

این متد تراکم این bitmap را مشخص می کند

مثال

مثال زیر برخی از افکت های تصویر را بر روی bitmap نشان می دهد. این برنامه به شما امکان می دهد تصویر را به مقیاس خاکستری و موارد دیگر تبدیل کنید.

برای آزمایش این مثال، باید آن را روی دستگاه واقعی اجرا کنید.

شرح مراحل

1 شما برای ایجاد یک برنامه Android تحت یک پکیج com.example.sairamkrishna.myapplication از Android studio استفاده خواهید کرد.
2 برای اضافه کردن کد لازم ، فایل src / MainActivity.java را تغییر دهید.
3 res / layout / activity_main را تغییر دهید تا مولفه های XML مربوطه اضافه شود
4 برنامه را اجرا کنید و دستگاه اندرویدی در حال اجرا را انتخاب کنید و برنامه را روی آن نصب کنید و نتایج را تأیید کنید

در زیر محتوای 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 &lt; bmp.getWidth(); i++) {
         for (int j = 0; j &lt; 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&lt;bmp.getWidth(); i++){
         for(int j=0; j&lt;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&lt;bmp.getWidth(); i++){
         for(int j=0; j&lt;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&lt;bmp.getWidth(); i++){
         for(int j=0; j&lt;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; &lt;bmp.getWidth(); i++){
         for(int j=0; j&lt;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&lt;bmp.getWidth(); i++){
         for(int j=0; j&lt;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);
   }
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

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);

}

در زیر محتوای اصلاح شده xml res / layout / activity_main.xml آمده است.

&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;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"&gt;
   
   &lt;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" /&gt;
      
   &lt;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" /&gt;
      
   &lt;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"/&gt;
   
   &lt;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" /&gt;
      
   &lt;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" /&gt;
      
   &lt;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" /&gt;
      
   &lt;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" /&gt;
      
   &lt;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" /&gt;
      
   &lt;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" /&gt;
      
&lt;/RelativeLayout&gt;

<?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>

در زیر محتوای فایل AndroidManifest.xml آمده است.

&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;manifest xmlns:android="http://schemas.android.com/apk/res/android"
   package="com.example.sairamkrishna.myapplication" &gt;
   &lt;application
      android:allowBackup="true"
      android:icon="@mipmap/ic_launcher"
      android:label="@string/app_name"
      android:theme="@style/AppTheme" &gt;
   
      &lt;activity
         android:name=".MainActivity"
         android:label="@string/app_name" &gt;
      
         &lt;intent-filter&gt;
            &lt;action android:name="android.intent.action.MAIN" /&gt;
            &lt;category android:name="android.intent.category.LAUNCHER" /&gt;
         &lt;/intent-filter&gt;
         
      &lt;/activity&gt;
      
   &lt;/application&gt;
&lt;/manifest&gt;

<?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>

</intent-filter>

</activity>

</application>

</manifest>

بیایید برنامه خود را اجرا کنیم! من تصور می کنم شما AVD خود را هنگام راه اندازی محیط ایجاد کرده اید. برای اجرای برنامه از Android studio، یکی از پرونده های فعالیت پروژه خود را باز کنید و از نوار ابزار روی Android StudioRun Icon کلیک کنید. Android Studio برنامه را روی AVD شما نصب کرده و شروع به کار می کند و اگر با تنظیمات و برنامه هایتان همه چیز خوب باشد، زیر پنجره شبیه ساز نمایش داده می شود.

اکنون اگر به صفحه دستگاه خود نگاه کنید، تصویری را به همراه سه دکمه مشاهده خواهید کرد.

اکنون فقط دکمه Gray را انتخاب کنید که تصویر شما را به خاکستری تبدیل کند و UI را به روز کند. در زیر نشان داده شده است:

اکنون بر روی دکمه bright ضربه بزنید، که مقداری ارزش به هر پیکسل تصویر اضافه می کند و بنابراین یک روشنایی در تصویر ایجاد می کند. در زیر نشان داده شده است: