Пользовательские Spinners / выпадающее меню

Question

В приложении Astrid Tasks есть кнопка. При нажатии кнопки открывается выпадающее меню.

Это в основном блесна, но в форме выпадающего списка.

Кто-нибудь знает, как сделать что-то подобное? Это виджет, которого я просто не вижу?

Answer 1

Как первоначальный автор этого (я один из основных разработчиков Android для Astrid), я с радостью поделюсь, как Astrid делает это. Я опубликую основы здесь, но вы можете найти более подробную информацию в нашем репозитории github (https://github.com/todoroo/astrid). Основная идея - расширить QuickActionWidget GreenDroid, как подсказывает Ханри. Подкласс выглядит примерно так:

public class MenuPopover extends QuickActionWidget {

    protected DisplayMetrics metrics;
    protected LinearLayout content;

    public MenuPopover(Context context) {
        super(context);
        setContentView(R.layout.my_layout);

        content = (LinearLayout) getContentView().findViewById(R.id.content);
        metrics = context.getResources().getDisplayMetrics();

        setFocusable(true);
        setTouchable(true);
    }

    @Override
    protected void populateQuickActions(List<QuickAction> quickActions) {
        // Do nothing
    }

    @Override
    protected void onMeasureAndLayout(Rect anchorRect, View contentView) {
        contentView.setLayoutParams(new     FrameLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT,     ViewGroup.LayoutParams.WRAP_CONTENT));
        contentView.measure(MeasureSpec.makeMeasureSpec(getScreenWidth(),     MeasureSpec.EXACTLY),
                ViewGroup.LayoutParams.WRAP_CONTENT);

        int rootHeight = contentView.getMeasuredHeight();

        int offsetY = getArrowOffsetY();
        int dyTop = anchorRect.top;
        int dyBottom = getScreenHeight() - anchorRect.bottom;

        boolean onTop = (dyTop > dyBottom);
        int popupY = (onTop) ? anchorRect.top - rootHeight + offsetY : anchorRect.bottom -  offsetY;

        setWidgetSpecs(popupY, onTop);
    }
}

Файл макета my_layout.xml довольно прост:

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">
    <RelativeLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingLeft="10dip">

        <LinearLayout
                android:id="@+id/content"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:layout_below="@+id/gdi_arrow_up"
                android:orientation="vertical"/>

        <ImageView
            android:id="@+id/gdi_arrow_up"
            android:layout_width="27dip"
            android:layout_height="27dip"
            android:layout_marginLeft="-10dip"
            android:scaleType="fitCenter"
            android:layout_marginBottom="-8dip"
            android:src="?attr/asListArrowUp" />

        <ImageView
            android:id="@+id/gdi_arrow_down"
            android:layout_width="27dip"
            android:layout_height="27dip"
            android:scaleType="fitCenter"
            android:layout_marginBottom="-8dip"
            android:layout_below="@android:id/list"/>

        </RelativeLayout>
</FrameLayout>

Затем вы можете просто добавить простой вспомогательный метод в класс popover, чтобы добавить представления (то есть строки с необязательными слушателями) к основному телу popover:

public void addViewToContent(View v, OnClickListener listener) {
    content.addView(v);
    if (listener != null) {
        v.setOnClickListener(listener);
    }
}

После создания экземпляра всплывающего окна вы можете показать его, вызвав

menuPopover.show(anchorView);

Это несколько упрощенная версия - на практике мы добавляем некоторую дополнительную информацию, слушателей и т. Д. К этим представлениям, чтобы они действительно действовали при нажатии. Если вы хотите, вы можете проверить полный код на https://github.com/todoroo/astrid - класс com.todoroo.astrid.ui.MainMenuPopover.

Спасибо за использование Astrid!