일단 해보는 코딩/Android

[Android] 이벤트 효과 (클릭, 메뉴바)

eun_zoey2 2022. 10. 5. 10:50
728x90

클릭 이벤트 효과 만들기

 

1.  res - layout - activity_effect.xml

 

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".ButtonEffectActivity"
    android:orientation="vertical">

    <Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@drawable/alarm_selector"/>

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/search_selector"/>



</LinearLayout>

 

2.  res - drawable - 파일 2개 생성 (** 파일명은 무조건 소문자 )

 

 

2-1. alarm_selector.xml

 

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <!-- 버튼 클릭 전 -->
    <item android:drawable="@drawable/b_alarm"
        android:state_pressed="false"/>

    <!-- 버튼 클릭 후 -->
    <item android:drawable="@drawable/a_alarm"
        android:state_pressed="true"/>

</selector>

 

2-2. search_selector.xml

 

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <!-- 버튼 클릭 전 -->
    <item android:drawable="@drawable/b_search"
        android:state_pressed="false"/>

    <!-- 버튼 클릭 후 -->
    <item android:drawable="@drawable/a_search"
        android:state_pressed="true"/>
</selector>

 

 

출력 결과

 

 

 


 

메뉴 폴더 만들기

 

1.  res - new - menu 폴더

 

 

2.  res - new - menu - my_menu.xml

 

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:id="@+id/add"
        android:title="추가하기"/>

    <item android:id="@+id/edit"
        android:title="수정하기"/>

    <item android:id="@+id/fin"
        android:title="앱 종료"/>

</menu>

 

 

출력 결과