Rabbit foot

▩ 안드로이드 인터페이스  옵션메뉴1편 ▩

안드로이드의 사용자 인터페이스(UI)에는 내비게이션 바, 체스처 , 터치 피드백, 앱의 외관 커스텀화, 다중 패널 레이아웃, 메뉴와 액션바 등이 있습니다. 이번 포스트에서는 메뉴와 액션바에 대해서 알아보겠습니다.

<메 뉴: 개념> 많은 애플리케이션중에서 메뉴바는 가장 친숙하게 사용도어지는 인터페이스 요소 중에하나 입니다. 메뉴바는 애플리케이션에서 제공하는 모든 기능을 계층적으로 사용하룻 있기때문에 특히 테스크톱에 많이 사용됩니다.

<메 뉴: 종류> 

팝업메뉴: 우리가 흔히 사용하는 단어 팝업메뉴는 수직방향으로 리스트를 뿌려줍니다. 

컨텍스트 메뉴: 액티비티화면을 길게 누르고 있으면 나타나는 메뉴바라고 보시면 됩니다.

<메뉴를 생성하는 방법>에 대해서 알아봅시다. 

● 코드로 메뉴 생성, ● XML로 메뉴 생성하기 두가지 방법이 있지만 가장 자주 사용되는 XML로 코드를 작성해보겠습니다.

Xml로 정의하게 되며 많은 장점을 가진다.

* 메뉴 구조를 쉽게 시각화할 수 있습니다.

* 코드와 메뉴가 분리되어서 차후에 쉽게 변경할수 있습니다.

* 플맷폼 버전이나 화면 크기에 따라서 서로 다른 메뉴 구성을 가질 수 있습니다.

그럼  xml메뉴 생성하는 방법을 알아봅시다.

res → 클릭한 상태에서 마우스 오른쪽 버튼을 누릅니다.→File name을 menu 지정합니다.

(Resource type에서 Menu으로 설정합니다. Available qualifiers에서 Country Code 설정합니다)

코드를 작성합니다.

<item 

   android: id ="@+id/new_game"

   android:icon="@drawable/image2"

   android:showAscAction="ifRoom"

   android:title=" 새로운게임"/>

<item

  android:id ="@+id/help"

  android:icon="@drawable/image3"

  android:title=" 도움말"/>

메인액티비티에서 코드를 작성합니다.

public class MainActivity extends AppCompatActivity{

  protected void onCreate(Bundle savedInstanceState){

  super.onCreate(savedInstanceState);

  setContentView(R.layout.activity_main):

}

public boolean onCreateOptionsMenu(Menu menu){

      Menulnflater inflater = getMenulnflater();

      inflater.inflate(R.menu.menu.menu);  ----> 메뉴리소스 확장

     return true;

}

메뉴바 실행을 하겠습니다.

빈 화면이 보입니다

오늘쪽 상단을 클릭하였을 경우, 메뉴바가 보입니다.

이번 포스트에서  XML로 메뉴바 기본 코드작성이었습니다. 다음 포스티에서는 다양한 메뉴바코드를 이용해 보도록 하겠습니다.

▩  리스너 객체를 이벤트처리(event) 액티비티에 인터페이스▩

액티비티 클래스에 인터페이스를 구현한다면 이벤트를 처리할 클래스를 새로 작성할 필요가 없습니다.

예제를 통해서 리스너 객체를 이벤트처리 액티비티에 인터페이스 작성하시고 정확한 개념을 이해하시면 됩니다.

1> 액티비티에 인터페이스 구연하기 위해서는

     ButtoEvent03 파일을 생성합니다.

     ButtoEvent03 입력 후 next 클릭합니다.

우선은 낮은 버전으로 설정했다가, 버전이 낮아서 실행이 안되면 버전을 변경하셔도 됩니다.

Next선택하시면 다음화면이 보이실겁니다. 빈 프로젝트를 선택합니다.  

그리고 마지막 화면이 나타나면 finish선택하시며 프로젝트 화일이 생성됩니다. 

2> 액티비티 인터페이스 activity_main.xml 작성합니다.

다 아시겠지만 Design 선택 후 버튼을 선택한 상태에서 드레그하여 붙여넣기 하시고 text화면을 클릭하여 코드를 수정하시며 됩니다.

액티비티 인터페이스 버튼을 작성 코드작업입니다.

<Button

      android: id="@+id/button"

      android:layout_width="wrap_context"

      android:layout_weight="1"

      android:text="Button"/>

3> ButtonEvent03Acitivity.java 코드작성 합니다.

      액티비트 인터페이스로 작성합니다.

public class Mainactivity extends ActionBarActivity implements

OnClickListenenr{

      public void onCreate(Bundle savedInstanceState){

         super.onCreate(savedInstancesState);

         setContentView(R.layout.main);

        Button button =(button) findViewById(R.id.button);

        button.setOnClickListener(this);

  }

public void onClick(View v){

Toast.makeText(getApplicationContext(),"버튼이 눌러졌습니다", Toast.LENGTH_SHORT).show();

  }

}

4. 리스너 객체를 액티비티에 인터페이스 코딩을 작업을 완료하신 후 실행버튼을 눌르시며 

   액티비 디 인터페이시가 실행됩니다.

5. 액티비디 인터페이스의 결과는 아래의 화면처럼 나옵니다.

   클릭전 과 클릭 후를 비교해 보세요.

오늘까지 총 3회 걸쳐 버튼 이벤트 처리방법을 예제로 통해서 알아보았습니다.

버튼에 어떻 코드를 작성하느냐 따라서 원하는 이벤트를 확인할수 있습니다. 이번 포스팅은 액티비티 인터페이스로 버튼이벤트을

확인해보았습니다.

다음 포스팅은 버튼은 아니지만 버튼기능을 하는 체크박스,라디오버튼,토글버튼,레이팅 바 위젯을 알아봅시다.

각 기능의 맞는 위젯을 알아봄으로써 안드로이드 웹 개발에 도움이 될겁니다.