Android 사용자 지정 드롭 다운 / 팝업 메뉴


127

버튼에 고정 된 사용자 정의 드롭 다운 / 팝업 메뉴는 어떻게합니까?

팝업 메뉴 (보기에 고정)처럼 작동하고 메뉴에서 항목을 클릭 할 때 작업을 수행해야합니다.

코드로 메뉴에 항목을 추가하고 메뉴의 높이를 유지하고 5 개 이상의 항목이있는 경우 스크롤 가능하게 만드는 방법은 무엇입니까? 이미지를 추가 할 필요없이 텍스트 만 추가하면됩니다.

여기에 이미지 설명 입력

답변:


315

업데이트 : Kotlin으로 안드로이드에서 팝업 메뉴를 만들려면 여기에서 내 대답을 참조 하십시오 .

Java를 사용하여 Android에서 팝업 메뉴를 만들려면 :

버튼이 하나만있는 디렉토리 activity_main.xml아래 에 레이아웃 파일을 만듭니다 res/layout.

파일 이름: activity_main.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
    xmlns:tools="http://schemas.android.com/tools"  
    android:layout_width="match_parent"  
    android:layout_height="match_parent"  
    android:paddingBottom="@dimen/activity_vertical_margin"  
    android:paddingLeft="@dimen/activity_horizontal_margin"  
    android:paddingRight="@dimen/activity_horizontal_margin"  
    android:paddingTop="@dimen/activity_vertical_margin"  
    tools:context=".MainActivity" >  

    <Button  
        android:id="@+id/button1"  
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"  
        android:layout_alignParentLeft="true"  
        android:layout_alignParentTop="true"  
        android:layout_marginLeft="62dp"  
        android:layout_marginTop="50dp"  
        android:text="Show Popup" />  

</RelativeLayout>  

디렉토리 popup_menu.xml아래 에 파일 만들기res/menu

아래와 같이 세 가지 항목이 있습니다.

파일 이름: poupup_menu.xml

<menu xmlns:android="http://schemas.android.com/apk/res/android" >  

    <item  
        android:id="@+id/one"  
        android:title="One"/>  

    <item  
        android:id="@+id/two"  
        android:title="Two"/>  

    <item  
        android:id="@+id/three"  
        android:title="Three"/>  

</menu>  

버튼 클릭시 팝업 메뉴를 표시하는 MainActivity 클래스.

파일 이름: MainActivity.java

public class MainActivity extends Activity {  
    private Button button1;  

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

        button1 = (Button) findViewById(R.id.button1);
        button1.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                //Creating the instance of PopupMenu
                PopupMenu popup = new PopupMenu(MainActivity.this, button1);
                //Inflating the Popup using xml file
                popup.getMenuInflater()
                    .inflate(R.menu.popup_menu, popup.getMenu());

                //registering popup with OnMenuItemClickListener
                popup.setOnMenuItemClickListener(new PopupMenu.OnMenuItemClickListener() {
                    public boolean onMenuItemClick(MenuItem item) {
                        Toast.makeText(
                            MainActivity.this,
                            "You Clicked : " + item.getTitle(),
                            Toast.LENGTH_SHORT
                        ).show();
                        return true;
                    }
                });

                popup.show(); //showing popup menu
            }
        }); //closing the setOnClickListener method
    }
}

프로그래밍 방식으로 추가하려면 :

PopupMenu menu = new PopupMenu(this, view);

menu.getMenu().add("One");
menu.getMenu().add("Two");
menu.getMenu().add("Three");

menu.show();

프로그래밍 방식으로 메뉴를 생성하려면 링크를 따르십시오 .


감사합니다 !! 메뉴에 항목을 더 추가하려면 어떻게해야합니까?. 코드로 할 수 있습니까?
stanete 2014 년

오신 것을 환영합니다 .. 그래 당신은 popup_menu.xml에서 더 많은 항목을 추가 할 수 있습니다
Shylendra Madda

3
좋아 항목을 추가하는 방법을 찾았습니다. menu.getMenu (). add ( "item"); 하지만 어떻게 메뉴를 사용자 정의 할 수 있습니까?
stanete 2014 년

1
이제 v7 호환 지원 라이브러리를 사용하여 3.0 (honeycomb) 이하 버전에서도 사용할 수 있습니다.
AndroidMech

1
<item android : id = "@ + id / google_plus"android : title = "@ string / menu_google_plus"android : icon = "@ drawable / add_by_gp"android : showAsAction = "ifRoom | withText"/> 이것이 제가 추가 한 방법입니다. 하지만 난 텍스트와 이미지를 볼 수 없습니다
Mr.G

8

나는 이것이 오래된 질문이라는 것을 알고 있지만 나에게 더 잘 작동하는 다른 답변을 찾았으며 어떤 답변에도 나타나지 않는 것 같습니다.

레이아웃 xml을 만듭니다.

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:paddingTop="5dip"
    android:paddingBottom="5dip"
    android:paddingStart="10dip"
    android:paddingEnd="10dip">

<ImageView
    android:id="@+id/shoe_select_icon"
    android:layout_width="30dp"
    android:layout_height="30dp"
    android:layout_gravity="center_vertical"
    android:scaleType="fitXY" />

<TextView
    android:id="@+id/shoe_select_text"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center"
    android:textSize="20sp"
    android:paddingStart="10dp"
    android:paddingEnd="10dp"/>

</LinearLayout>

콘텐츠가있는 ListPopupWindow 및 맵을 만듭니다.

ListPopupWindow popupWindow;
List<HashMap<String, Object>> data = new ArrayList<>();
HashMap<String, Object> map = new HashMap<>();
    map.put(TITLE, getString(R.string.left));
    map.put(ICON, R.drawable.left);
    data.add(map);
    map = new HashMap<>();
    map.put(TITLE, getString(R.string.right));
    map.put(ICON, R.drawable.right);
    data.add(map);

그런 다음 클릭하면 다음 기능을 사용하여 메뉴를 표시합니다.

private void showListMenu(final View anchor) {
    popupWindow = new ListPopupWindow(this);

    ListAdapter adapter = new SimpleAdapter(
            this,
            data,
            R.layout.shoe_select,
            new String[] {TITLE, ICON}, // These are just the keys that the data uses (constant strings)
            new int[] {R.id.shoe_select_text, R.id.shoe_select_icon}); // The view ids to map the data to

    popupWindow.setAnchorView(anchor);
    popupWindow.setAdapter(adapter);
    popupWindow.setWidth(400);
    popupWindow.setOnItemClickListener(new AdapterView.OnItemClickListener() {
        @Override
        public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
            switch (position){
                case 0:
                    devicesAdapter.setSelectedLeftPosition(devicesList.getChildAdapterPosition(anchor));
                    break;
                case 1:
                    devicesAdapter.setSelectedRightPosition(devicesList.getChildAdapterPosition(anchor));
                    break;
                default:
                    break;
            }
            runOnUiThread(new Runnable() {
                @Override
                public void run() {
                    devicesAdapter.notifyDataSetChanged();
                }
            });
            popupWindow.dismiss();
        }
    });
    popupWindow.show();
}

6

코 틀린 방식

fun showPopupMenu(view: View) {
    PopupMenu(view.context, view).apply {
                menuInflater.inflate(R.menu.popup_men, menu)
                setOnMenuItemClickListener { item ->
                    Toast.makeText(view.context, "You Clicked : " + item.title, Toast.LENGTH_SHORT).show()
                    true
                }
            }.show()
}

업데이트 : 위 코드에서 apply 함수는 this필요 run하지 않은 것을 반환 하므로 아무것도 반환하지 않는 것을 사용할 수 있으며 더 간단하게 만들기 위해 showPopupMenu 메서드의 중괄호를 제거 할 수도 있습니다.

더 간단하게 :

fun showPopupMenu(view: View) = PopupMenu(view.context, view).run {
            menuInflater.inflate(R.menu.popup_men, menu)
            setOnMenuItemClickListener { item ->
                Toast.makeText(view.context, "You Clicked : ${item.title}", Toast.LENGTH_SHORT).show()
                true
            }
            show()
        }

3

먼저 "res"폴더에 "menu"라는 폴더를 만듭니다.

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

    <item
        android:id="@+id/search"
        android:icon="@android:drawable/ic_menu_search"
        android:title="Search"/>
    <item
        android:id="@+id/add"
        android:icon="@android:drawable/ic_menu_add"
        android:title="Add"/>
    <item
        android:id="@+id/edit"
        android:icon="@android:drawable/ic_menu_edit"
        android:title="Edit">
        <menu>
            <item
                android:id="@+id/share"
                android:icon="@android:drawable/ic_menu_share"
                android:title="Share"/>
        </menu>
    </item>

</menu>

그런 다음 활동 클래스를 만듭니다.

public class PopupMenu1 extends Activity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.popup_menu_1);
    }

    public void onPopupButtonClick(View button) {
        PopupMenu popup = new PopupMenu(this, button);
        popup.getMenuInflater().inflate(R.menu.popup, popup.getMenu());

        popup.setOnMenuItemClickListener(new PopupMenu.OnMenuItemClickListener() {
            public boolean onMenuItemClick(MenuItem item) {
                Toast.makeText(PopupMenu1.this,
                        "Clicked popup menu item " + item.getTitle(),
                        Toast.LENGTH_SHORT).show();
                return true;
            }
        });

        popup.show();
    }
}
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.