[Android] 맨날 까먹는 버튼 클릭 이벤트 핸들러 코드

맨날 까먹어 책 찾아 보고.. 인터넷 뒤져보고.. 해서 이 기회에 버튼에 대한 클릭 이벤트 핸들러 코드를 작성하는 것에 대해 정리를 해 놔야겠습니다. 머리가 나쁘니.. 손이 좀 고생을 해야겠지요..

레이아웃에 두개의 버튼이 있다고 가정하겠습니다. id는 각각 viewMode, editMode라고 하면.. 클릭 이벤트에 대한 핸들러 코드를 작성하는 방법에는 2가지가 있습니다. 물론 따져보면 둘다 동일한 방식이기는 하지만 코드 모냥새가 다르므로 다르다고 치겠습니다.

첫번째 방식입니다. 다수의 버튼들에 대한 이벤트 코드를 한자리에 가족같은 분위기로 다스리는 치국평천하 방식이라고 할 수 있겠습니다..

@Override
public void onCreate(Bundle savedInstanceState) {
    findViewById(R.id.viewMode).setOnClickListener(btnClickListener);
    findViewById(R.id.editMode).setOnClickListener(btnClickListener);
}

private Button.OnClickListener btnClickListener = new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        switch(v.getId()) {
            case R.id.viewMode:
                map.setMouseMode(MouseMode.MapViewMode);
                break;

            case R.id.editMode:
                map.setMouseMode(MouseMode.EditMode);
                break;
        }
    }
};

두번째 방식입니다. 이 방식은 각 버튼마다 이벤트 처리 코드를 따라 분리해 두는 방식입니다.

@Override
public void onCreate(Bundle savedInstanceState) {
    ....
    
    findViewById(R.id.viewMode).setOnClickListener(
        new Button.OnClickListener() {
            @Override
            public void onClick(View v) {
                map.setMouseMode(MouseMode.MapViewMode);
            }
        }
    );

    findViewById(R.id.editMode).setOnClickListener(
        new Button.OnClickListener() {
            @Override
            public void onClick(View v) {
                map.setMouseMode(MouseMode.EditMode);
            }
        }
    );
    
    ....
}

앞서도 말씀드렸지만.. 첫번째나 두번째나 결국 똑 같은 방식입니다..

세번째 방식은 상당히 직관적인 것으로 생각되는데요. 레이아웃을 정의하는 XML에서 터치 이벤트 함수명을 지정하고 간단히 소스코드에서 해당 이벤트 함수를 추가해 주기만 하면 됩니다. 예를 들어서 레이아웃을 정의하는 XML 중 버튼 부분만을 보면..

위의 버튼에 대한 터치 이벤트 함수인 onClickButton은 아래처럼, 해당 뷰를 사용하는 엑티비트의 구현부에 추가하면 됩니다.

public void onClickButton(View v) {
    // 직관적이닷!
}

[Android] ListView의 선택 항목에 대한 하이라이팅(Hilighting) 또는 배경색 변경

안드로이드에서 ListView 위젯에 데이터 목록을 표시하고 사용자가 데이터 항목을 터치하면 어떤 항목이 터치가 되었는지에 대한 피드백이 있어야 합니다. 그러나 안드로이드에서는 기본적으로 이러한 피드백을 제공해 주지 않습니다. 이러한 피드백을 제공해주기 위한 절차입니다. 아래는 사용자가 항목을 터치했을 때 앞서 언급한 피드백에 대한 효과에 대한 이미지입니다.

먼저 ListView가 아래처럼 정의되어 있습니다. 항목 선택에 대한 피드백을 위해 특별히 해준 것은 없습니다.

...



...

ListView는 채워질 항목을 위한 레이아웃을 정의하게 되는데요. 이 레이아웃의 배경을 Selector로 지정하는게 키포인트입니다. 바로 아래처럼 말입니다.



    


위의 코드에서 중요한 것은 바로 3번 코드입니다. background를 selector_listview_item으로 지정하고 있는데, 이 selector_listview_item에 대한 XML 코드는 아래와 같습니다.


    
    

위의 코드에서 중요한 부분은 4번과 5번인데요. 5번에서 항목에 대한 상태가 만족될 경우, 즉 state_pressed가 참(true)일 경우에 4번 코드에서 지정한 Drawable를 이용해 그리라는 것입니다. 4번 코드에서 지정한 drawable인 ItemSelectedColor는 color.xml에 다음처럼 정의되어 있습니다.



    #8EE2FB

위의 코드 중 3번에서 지정한 웹 컬러 표현값인 #8EE2FB로 지정됩니다.

항목 선택하면 사용자에게 피드백을 주는 것이 당연한데, 안드로이드는 그렇지 않다는 점.. 분명히, 상당히 불편한 것이 틀림없지만.. 기능에 대한 넓은 확장성과 높은 응용성을 위해 이러한 방식을 취했다.. 생각합니다.

[Android] ProgressDialog의 메세지(Message) 폰트 크기 키우기

안드로이드에서 사용자에게 잠시 기다려 줄 것을 요청하는 방법 중 하나로 ProgressDialog를 사용합니다. 그런데 이 ProgressDialog에 표시되는 메세지의 폰트가 쥐불알만합니다..

사용자 삽입 이미지
해서 이 폰트를 전체적인 화면과 어울리게 좀 키워보려고 했고, 그 방법 중에 가장 간단한 방법은 다음과 같습니다.

inkTaskProgressDlg = ProgressDialog.show(
    DASSActivity.this, 
    "펜 메모 준비",
    Html.fromHtml("지도 이미지에 대한 펜 메모를 준비 중입니다. 잠시만 기다려 주세요.."), 
    true, 
    false);

네, 바로 Html.fromHtml를 이용해 텍스트에 스타일을 지정하는 방법입니다. HTML 방식으로 문자 스타일을 지정하니 색상이며 굵기등도 지정이 가능합니다. 안드로이드… 상당히 쓸만한 물건이라는 생각입니다. 위의 코드에 대한 결과는 아래와 같습니다.

사용자 삽입 이미지
다음 주 정도 지자체에 안드로이드 기반의 현장지원시스템을 납품합니다(담당자 분의 납품 승인을 받아야 할텐데.. -_-;). 거즘… 마무리하고 소소하지만 중요한 사용자 편의성을 다듬어 보면서 얻은 내용을 정리해 봅니다.

[Android] Dialog 크기 변경하기

안드로이드를 탑제하는 디바이스 제조사는.. 안드로이드 운영체제의 외형(Theme)을 원하는대로 커스터마이징할 수 있습니다. 내부 핵심 코어는 동일하나.. 외형을 다르게 함으로써 안드로이드는 다양한 모습으로 사용자에게 전달됩니다.. 이러한 안드로이드의 특징은 분명 장점입니다만.. 제조사와 개발자에게 이러한 다양성은 골치 아픈 “선택”입니다..

갤럭시 노트에 맞도록 UI를 구성한 앱을 그대로 갤럭시탭 10.1에서 실행해보니.. UI가 싸그리 깨져버려.. 다시 갤럭시탭 10.1에 맞도록 UI를 재구성하게 되었는데요. 갤럭시 노트의 해상도와 탭 10.1의 해상도는 동일하나.. DPI가 다르므로 나타나는 것으로.. 만약 해상도가 달라졌다면 더욱 골치 아팠겠지요..

여튼…. UI를 맞추는 도중.. Dialog의 크기를 조정해야할 필요가 있었습니다.. 갤럭시 노트에서는 별 문제가 없었으나.. 탭에서는 폰트가 커지는 바램에 아래의 화면처럼 컨텐츠가 Dialog 크기보다 넘치는 문제가 발생했습니다..

사용자 삽입 이미지
뭐… Dialog의 너비를 늘리면 해결될일.. 해서 다음과 같은 코드로 Dialog의 크기를 확장했습니다.

AlertDialog.Builder adb = new AlertDialog.Builder(context);
adb.setTitle("경사도 측정 결과");
adb.setPositiveButton("확 인", new DialogInterface.OnClickListener() {
    public void onClick(DialogInterface dialog, int whichButton) {}
});
      
adb.setView(pieChartView);
      
Dialog dialog = adb.create();
      
WindowManager.LayoutParams lp = new WindowManager.LayoutParams();
lp.copyFrom(dialog.getWindow().getAttributes());
lp.width = 800;
lp.height = WindowManager.LayoutParams.WRAP_CONTENT;
      
dialog.show();
Window window = dialog.getWindow();
window.setAttributes(lp);

일반적으로 대화창을 화면에 표시하는 코드에 대해서 대화창의 크기를 늘려주는 코드로 추가된 것은 11번 ~ 14번 그리고 17번 ~ 18번 코드입니다. 13번 코드에서 800 픽셀 크기로 늘렸습니다. 그리고 실행해보니 원하는대로 크기가 늘어났습니다.

사용자 삽입 이미지
근데… 가만히 보면.. 이상한게 있습니다.. 대화창의 가장자리의 반투명 효과가 제대로 먹히질 않습니다. 이는 기본적으로 탭10.0에서 제공하는 테마(Theme)에서 대화상자의 크기는 딱! 정해져 있습니다. 즉, 크기 자체도 테마 값으로 생각할 수 있습니다. 대화상자의 크기를 키우면? 기존의 테마값들 중 몇가지가 초기화되는 모양입니다. 초기화된 녀석이 무엇인지 찾아보면 해결할 수 있겠지요..

대화상자의 크기값을 지정함으로써 초기화된 속성은 대화상자의 배경으로 사용될 Drawable 객체입니다. 이 녀석이 기본값인 검정색 Drawable로 초기화된 것으로 예상되고….. 그렇다면 이 녀석을 완전 투명으로 처리한다면 해결될듯합니다.. 이에 대한 코드를 앞서 언급한 코드에 덧붙이면 다음과 같습니다.

AlertDialog.Builder adb = new AlertDialog.Builder(context);
adb.setTitle("경사도 측정 결과");
adb.setPositiveButton("확 인", new DialogInterface.OnClickListener() {
    public void onClick(DialogInterface dialog, int whichButton) {}
});
      
adb.setView(pieChartView);
      
Dialog dialog = adb.create();
      
WindowManager.LayoutParams lp = new WindowManager.LayoutParams();
lp.copyFrom(dialog.getWindow().getAttributes());
lp.width = 800;
lp.height = WindowManager.LayoutParams.WRAP_CONTENT;
      
dialog.show();
Window window = dialog.getWindow();
window.setAttributes(lp);
window.setBackgroundDrawable(new ColorDrawable(Color.TRANSPARENT));

새롭게 추가된 코드는 오직 19번 코드입니다. 함수명 자체가 앞서 설명드린 것을 그대로 나타내고 있습니다. 실행해보면… 아래의 화면처럼 완벽하게 원하는 결과를 얻을 수 있습니다.

사용자 삽입 이미지