web-dev-qa-db-ja.com

Androidカスタムドロップダウン/ポップアップメニュー

ボタンに固定されたカスタムドロップダウン/ポップアップメニューをどのようにしたらいいですか？

ポップアップメニュー（ビューに固定されている）のように機能し、メニューから項目をクリックしたときに何かをする必要があります。

メニューの高さを維持しながら5つ以上の項目がある場合はスクロール可能にする方法で、コードによってメニューに項目を追加する方法を教えてください。テキストだけでイメージを追加する必要はありません。

enter image description here

androiddrop-down-menumenuandroid-menupopupmenu
105
stanete

Androidでポップアップメニューを作成します。

activity_main.xml

ボタンが1つだけ含まれています。

ファイル：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

以下のように3つの項目があります。それは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.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();

プログラムでメニューを作成するための this リンクに従ってください。

269
Shylendra Madda

私はこれが古い質問であることを知っています、しかし私は私のためによりよく働くもう一つの答えを見つけました、そしてそれは答えのどれにも現れていないようです。

レイアウト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
Sir Codesalot

コトリンウェイ

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()
}

PDATE：上記のコードでは、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
Sai Kiran

まず、「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();
    }
}
2
sudhakara