티스토리 뷰




 < 개발 환경 >  
   작성일 : 2013.01.19
   OS 설치 버전 : Windows7 32bit  
   SDK 설치 버전 : 안드로이드 SDK 4.2 (젤리빈) / API LEVEL : 17  
   ADT 설치 버전 : 21   
   Java 설치 버전 : JDK 1.6.0_20 / JRE6 
   이클립스 설치 버전 : Indigo
   테스트단말 : 삼성 갤럭시 S2 4.0.4 (아이스크램 샌드위치)   

 < 프로젝트 적용 > 
   API LEVEL : 8
   minSdkVersion : 8 
   targetSdkVersion : 8 
   Java Compiler Level : 1.6  
   Text file encoding : UTF-8






안드로이드/Android PopupWindow를 사용해 보자 ~! (NEW)




안드로이드 PopupWindow 사용시 주의 사항 입니다. 이전 포스팅에서 다루지 않았던 내용을 추가해서 포스팅 하겠습니다. 기본적으로 PopupWindow 자체적으로 show(), dismiss(), setFocusable() 등의 메서드를 제공해 주므로, XML이나 View를 사용 한 레이아웃 작업보다는 관리면에서 효율적 입니다.


1) PopupWindow는 Dialog와는 다르게 PopupWindow가 화면에 나타나도 나머지 View들을 사용할 수 있다.

2) PopupWindow.showAsDropDown() 메서드를 통해 특정 View의 아래에서 PopupWindow를 생성 할 수 있다. (왼쪽 바로 아래에 생성됨)

3) 만약 다른 View들을 사용하지 못하게 하려면 PopupWindow 생성시 넣어주는 inflate view의 사이즈를 화면에 꽉차게 한 후 PopupWindow 처리 후 다른 View를 사용하게 만들 수 있다. Activty 자체는 투명이므로 Size를 잘 설정해서 활용 하자.

4) 기본적으로 Back Key의 적용 대상이 아니다. Back Key에 적용을 하기 위해서는 onBackPressed() 메서드를 오버라이드 해서 사용하거나 Key이벤트를 받아서 처리 한다.


요정도만 주의 하시면 PopupWindow 사용에 문제가 없을 거라 생각 합니다.


자 그럼 코드를 살펴 보겠습니다.


package arabiannight.tistory.com.popupwindowparams;

import android.app.Activity;
import android.os.Bundle;
import android.view.Gravity;
import android.view.View;
import android.view.WindowManager.LayoutParams;
import android.widget.Button;
import android.widget.PopupWindow;
import android.widget.RelativeLayout;
import android.widget.Toast;

public class MainActivity extends Activity {

	private PopupWindow mPopupWindow;
	private Button btn_Popup;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);

		btn_Popup = (Button) findViewById(R.id.btn_click);
		
	}
	
	@Override
	public void onBackPressed() {
		// TODO Auto-generated method stub
		super.onBackPressed();
	}

	public void onClick(View v) {

		switch (v.getId()) {
		case R.id.btn_click:

			View popupView = getLayoutInflater().inflate(R.layout.popup_window, null);

			/**
			 * LayoutParams WRAP_CONTENT를 주면 inflate된 View의 사이즈 만큼의
			 * PopupWinidow를 생성한다.
			 */
			mPopupWindow = new PopupWindow(popupView, 
					RelativeLayout.LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);

			/**
			 * showAsDropDown(anchor, xoff, yoff)
			 * @View anchor : anchor View를 기준으로 바로 아래 왼쪽에 표시.
			 * @예외 : 하지만 anchor View가 화면에 가장 하단 View라면 시스템이
			 * 자동으로 위쪽으로 표시되게 한다.
			 * xoff, yoff : anchor View를 기준으로 PopupWindow가 xoff는 x좌표, 
			 * yoff는 y좌표 만큼 이동된 위치에 표시되게 한다.
             * @int xoff : -숫자(화면 왼쪽으로 이동), +숫자(화면 오른쪽으로 이동)
             * @int yoff : -숫자(화면 위쪽으로 이동), +숫자(화면 아래쪽으로 이동)
             * achor View 를 덮는 것도 가능.
             * 화면바깥 좌우, 위아래로 이동 가능. (짤린 상태로 표시됨)
			 */
			mPopupWindow.setAnimationStyle(-1); // 애니메이션 설정(-1:설정, 0:설정안함)
//			mPopupWindow.showAsDropDown(btn_Popup, 50, 50);
			
			/**
			 * showAtLocation(parent, gravity, x, y)
			 * @praent : PopupWindow가 생성될 parent View 지정
			 * View v = (View) findViewById(R.id.btn_click)의 형태로 parent 생성
			 * @gravity : parent View의 Gravity 속성 지정 Popupwindow 위치에 영향을 줌.
			 * @x : PopupWindow를 (-x, +x) 만큼 좌,우 이동된 위치에 생성
			 * @y : PopupWindow를 (-y, +y) 만큼 상,하 이동된 위치에 생성
			 */
//			mPopupWindow.showAtLocation(popupView, Gravity.NO_GRAVITY, 0, 0);
			mPopupWindow.showAtLocation(popupView, Gravity.CENTER, 0, -100);
			
			/**
			 * update() 메서드를 통해 PopupWindow의 좌우 사이즈, x좌표, y좌표
			 * anchor View까지 재설정 해줄수 있습니다.
			 */
//			mPopupWindow.update(anchor, xoff, yoff, width, height)(width, height);

			break;

		case R.id.btn_close:

			if (mPopupWindow != null && mPopupWindow.isShowing()) {
				mPopupWindow.dismiss();
			}

			break;
			
		case R.id.btn_bottom:

			Toast.makeText(MainActivity.this, "Bottom UI 입니다.", Toast.LENGTH_SHORT).show();

			break;

		default:
			break;

		}

	}

}



파일첨부 : 

TestPopupWindowPlus.zip



스크린샷 : 




감사합니다.








댓글
  • 프로필사진 마로 잘 봤습니다. :) 2013.03.27 12:23
  • 프로필사진 아라비안왕자 감사합니다.^^ 2013.04.08 23:06 신고
  • 프로필사진 꾸나프렌 잘 봤습니다. 받은 소스로 공부를 했는데요. 조금 바꿔서 했는데요.
    popupwindow 안에 editText를 넣었는데 키보드가 안나오네요 왜 그런건가요?
    2014.09.23 01:56
  • 프로필사진 김병희 아래 페이지 소스를 베껴서 돌려보니
    http://mainia.tistory.com/1647
    팝업이 떴을 때 바닥 뷰는 건드려지지 않는 듯하던데 ...
    얼른 봐서 차이를 모르겠습니다.
    좀 공부하면 알겠지요?
    깔끔한 소스 감사합니다.
    2017.05.29 10:22
댓글쓰기 폼