:+: 흰색앵초의 아스트랄 안드로메다 :+:

ImageView에 Flip 애니메이션을 주고 싶으면 아래와 같이 하시면 됩니다.

import android.animation.ObjectAnimator;
import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.ImageView;

public class MainActivity extends Activity {

	ImageView iv1;
	Button btn1;
	
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		
		btn1 = (Button) findViewById(R.id.button1);
		iv1 = (ImageView) findViewById(R.id.imageView1);
		
		btn1.setOnClickListener(new OnClickListener() {
			
			@Override
			public void onClick(View v) {
				ObjectAnimator animator = ObjectAnimator.ofFloat(iv1, "rotationY", 0, 720); 
				animator.setDuration(2000);  
				animator.start();
			}
		});
		
	}
}

iv1 << 애니메이션을 줄 이미지뷰를 넣으시고
"rotationX" << 줄효과 rotationY를 하면 Y축으로 rotationX를 하면 X축으로 회전하게 됩니다.
0 << 시작할 각도
720 << 애니메이션이 종료될 시점의 각도

를 넣으셔서 처리하시면 됩니다.

회전축을 정하고 싶으시면 imageView에 .setPivotX .setPivotY로 미리 지정해두면됩니다.

이번 포스팅에서는 이미지를 Bitmap으로 만든 후 테두리를 라운드처리하는 방법을 알아보겠습니다.
소스를 보시면....

import android.app.Activity;
import android.graphics.Bitmap;
import android.graphics.Bitmap.Config;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.PorterDuff.Mode;
import android.graphics.BitmapFactory;
import android.graphics.PorterDuffXfermode;
import android.graphics.Rect;
import android.graphics.RectF;
import android.os.Bundle;
import android.widget.ImageView;
import android.widget.LinearLayout;

public class MainActivity extends Activity {

	LinearLayout linearLayout1;
	
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		
		linearLayout1 = (LinearLayout) findViewById(R.id.LinearLayout1);
		
		ImageView iv1 = new ImageView(getApplicationContext());
		
		Bitmap bm1 = BitmapFactory.decodeResource(getResources(), R.drawable.img1);
		Bitmap bm2 = getRoundedCornerBitmap(bm1);

		iv1.setImageBitmap(bm2);
		linearLayout1.addView(iv1);
		
	}
	
	public static Bitmap getRoundedCornerBitmap(Bitmap bitmap) {
	    Bitmap output = Bitmap.createBitmap(bitmap.getWidth(),
	        bitmap.getHeight(), Config.ARGB_8888);
	    Canvas canvas = new Canvas(output);
	 
	    final int color = 0xff424242;
	    final Paint paint = new Paint();
	    final Rect rect = new Rect(0, 0, bitmap.getWidth(), bitmap.getHeight());
	    final RectF rectF = new RectF(rect);
	    final float roundPx = 50; // 테두리 곡률 설정
	 
	    paint.setAntiAlias(true);
	    canvas.drawARGB(0, 0, 0, 0);
	    paint.setColor(color);
	    canvas.drawRoundRect(rectF, roundPx, roundPx, paint);
	 
	    paint.setXfermode(new PorterDuffXfermode(Mode.SRC_IN));
	    canvas.drawBitmap(bitmap, rect, rect, paint);
	 
	    return output;
	  }
	
	
}

소스는 BitmapFactory를 이용해서 이미지를 Bitmap화 한다음 아래의 getRoundedCornerBitmap을 이용해서 테두리를 라운딩 처리해주는 방식으로 처리되어있습니다. 라운드 처리한 Bitmap을 다시 ImageView에 적용해서 레이아웃에 추가해 보여주는 식의 간단한 예제입니다. 혹시나 필요하신 분이 있으면 도움이 되셨기를 바랍니다. 슝~

참조 : Rounded corner bitmaps on Android

비슷한 포스팅 : ImgaeView 테두리 라운드처리

안드로이드에서 간혹 ImageView나 혹은 다른 View의 너비나 높이를 구해야할 때가 있습니다. 그렇지만 가끔 값이 제대로 리턴되지 않고 0으로 반환되는 경우가 있는데 이는 뷰가 완전히 그려지기 전에 값이 리턴되기 때문입니다. 해결책은 아래와 같습니다.

frameLayout1.getViewTreeObserver().addOnGlobalLayoutListener(new OnGlobalLayoutListener() {
	public void onGlobalLayout() { 
		//뷰가 불러지고 나서 처리할 코드 입력
		Toast.makeText(getApplicationContext(), ""+imageView1.getWidth(), Toast.LENGTH_LONG).show();
		frameLayout1.getViewTreeObserver().removeGlobalOnLayoutListener(this); //  젤리빈 미만에서 사용
		// frameLayout1.getViewTreeObserver().removeOnGlobalLayoutListener(this); 젤리빈 이상에서 사용
	}

위와 같이 특정뷰가 다 그려졌는지 체크한 뒤에 원하시는 코드를 입력하셔서 컨트롤 하신 뒤에 해당 리스너를 삭제처리해서 사용하시면 됩니다.

웹상에서 이미지의 우선순위를 조정할 때는 z-index를 사용하면 됩니다만, 안드로이드에는 아쉽게도 z-index가 없습니다. 그래서 아쉬운데로 컨트롤하기 위해서는 아래와같은 방법으로 컨트롤해주면 됩니다.

imgView1.bringToFront();

위와같이 .bringToFront()를 사용하면 메소드를 사용한 이미지뷰에 가장 우선순위를 줘 맨위에 보이도록 컨트롤이 가능합니다.

ImageView(이미지뷰)의 테두리에 라운드를 주고 싶을땐 아래와 같이 처리하면됩니다.

먼저 ImageView를 상속받아 아래와 같이 재정의 하는 Java 클래스를 만들어줍니다.

※ RadiusImageView.java 

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Path;
import android.graphics.RectF;
import android.util.AttributeSet;
import android.widget.ImageView;

public class RadiusImageView extends ImageView {

// 라운드처리 강도 값을 크게하면 라운드 범위가 커짐
    public static float radius = 18.0f;  

    public RadiusImageView(Context context) {
        super(context);
    }

    public RadiusImageView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public RadiusImageView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        Path clipPath = new Path();
        RectF rect = new RectF(0, 0, this.getWidth(), this.getHeight());
        clipPath.addRoundRect(rect, radius, radius, Path.Direction.CW);
        canvas.clipPath(clipPath);
        super.onDraw(canvas);
    }
}

※ 레이아웃 xml 파일 (ex:activity_main.xml)

위의 xml값을 보시면 패키지명.RadiusImageView로 선언해서 ImageView와 같은 방식으로 쓰시면됩니다.

※ 프로그래밍에서 참조해서 컨트롤을 하시려면...

public class MainActivity extends Activity {

	RadiusImageView iv1;
	
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        
        iv1 = (RadiusImageView) findViewById(R.id.iv1);
        
    }
}

위와 같이 RadiusImageView로 참조해서 사용하시면 됩니다.

출처 : http://stackoverflow.com/questions/18229358/bitmap-in-imageview-with-rounded-corners

비슷한 포스팅 : Bitmap 테두리 라운드처리하기

가끔 이미지를 특정부분만 크롭한다거나 반절로 잘라서 처리해야하는 경우가 있습니다. 그럴땐 아래와 같이 처리하면 됩니다.

※ 아래의 소스는 좌우로 반절로 자르는 예제소스입니다.

//Bitmap.createBitmap( Bitmap source, int x, int y, int width, int height )

Bitmap ori_img = BitmapFactory.decodeResource(getResources(), R.drawable.img4);
Bitmap bm1 = Bitmap.createBitmap(ori_img, 0, 0, ori_img.getWidth()/2, ori_img.getHeight());
Bitmap bm2 = Bitmap.createBitmap(ori_img, ori_img.getWidth()/2, 0, ori_img.getWidth()/2, ori_img.getHeight());

ImageView img1 = new ImageView(getApplicationContext());
img1.setLayoutParams(new LayoutParams(100, 100));
img1.setImageBitmap(bm1);
        
ImageView img2 = new ImageView(getApplicationContext());
img2.setImageBitmap(bm2);

import android.app.Activity;
import android.os.Bundle;
import android.widget.Button;
import android.widget.TextView;

public class MainActivity extends Activity {

	Button button1, button2;
	TextView textView1;
	
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		
		button1 = (Button) findViewById(R.id.button1);
		button2 = (Button) findViewById(R.id.button2);
		textView1 = (TextView) findViewById(R.id.textView1);
		
		ClickAdapter clickAdapter = new ClickAdapter(this);
		
		button1.setOnClickListener(clickAdapter);
		button2.setOnClickListener(clickAdapter);
		
	}

}

import android.content.Context;
import android.view.View;

public class ClickAdapter implements View.OnClickListener{
	
	Context mContext;
	
	public ClickAdapter(Context context){
		mContext = context;
	}
	
	@Override
	public void onClick(View v) {
		switch(v.getId()){
		
		case R.id.button1:
			this.showText();
			break;
		
		case R.id.button2:
			this.hideText();
			break;
		}
		
	}

	private void hideText() {
		((MainActivity) mContext).textView1.setVisibility(View.INVISIBLE);
	}

	private void showText() {
		((MainActivity) mContext).textView1.setVisibility(View.VISIBLE);
		
	}

}

액티비티를 컨트롤하는 클래스에서 생성자에서 Context를 받은 뒤 위의 코드와 같이 처리해주시면 됩니다. 혹시나 궁금하신 분이 있을까 해서 정리겸 올립니다.