如何实现Android仿支付宝长按菜单功能？

Android仿支付宝长按菜单

背景与目标

在Android应用开发中，实现类似支付宝的长按菜单功能可以显著提升用户体验，这种功能允许用户通过长按应用图标快速访问常用操作或信息，从而减少操作步骤，提高效率，本文将详细介绍如何在Android应用中实现这一功能，包括技术选型、实现步骤和代码示例。

实现步骤

创建自定义View

我们需要创建一个自定义的PassWordEditText用于显示密码输入框，这个自定义View继承自EditText并重写其绘制方法来实现自定义样式。

PassWordEditText.java

public class PassWordEditText extends EditText {
    private PWCommitListener mListener;
    private Paint mPaint;
    private int mPasswordItemWidth;
    private int mPasswordNumber = 6;
    private int mBgColor = Color.parseColor("#d1d2d6");
    private int mBgSize = 1;
    private int mBgCorner = 0;
    private int mDivisionLineColor = mBgColor;
    private int mDivisionLineSize = 1;
    private int mPasswordColor = mDivisionLineColor;
    private int mPasswordRadius = 4;
    public PassWordEditText(Context context) {
        this(context, null);
    }
    public PassWordEditText(Context context, AttributeSet attrs) {
        super(context, attrs);
        initPaint();
        initAttributeSet(context, attrs);
        setMaxEms(mPasswordNumber);
        setInputType(EditorInfo.TYPE_TEXT_VARIATION_PASSWORD);
        setCursorVisible(false);
        setEnabled(false);
    }
    private void initPaint() {
        mPaint = new Paint();
        mPaint.setAntiAlias(true);
    }
    private void initAttributeSet(Context context, AttributeSet attrs) {
        TypedArray array = context.obtainStyledAttributes(attrs, R.styleable.PassWordEditText);
        mDivisionLineSize = (int) array.getDimension(R.styleable.PassWordEditText_divisionLinesSize, dip2px(mDivisionLineSize));
        mPasswordRadius = (int) array.getDimension(R.styleable.PassWordEditText_passwordRadius, dip2px(mPasswordRadius));
        mBgSize = (int) array.getDimension(R.styleable.PassWordEditText_bgSize, dip2px(mBgSize));
        mBgCorner = (int) array.getDimension(R.styleable.PassWordEditText_bgCorner, 0);
        mBgColor = array.getColor(R.styleable.PassWordEditText_bgColor, mBgColor);
        mDivisionLineColor = array.getColor(R.styleable.PassWordEditText_divisionLineColor, mDivisionLineColor);
        mPasswordColor = array.getColor(R.styleable.PassWordEditText_passwordColor, mDivisionLineColor);
        mPasswordNumber = array.getInt(R.styleable.PassWordEditText_passwordNumber, mPasswordNumber);
        array.recycle();
    }
    private int dip2px(int dip) {
        return (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, dip, getResources().getDisplayMetrics());
    }
}

配置Shortcut

在res/xml目录下声明快捷方式：

shortcuts_home.xml

<shortcuts xmlns:android="http://schemas.android.com/apk/res/android">
    <shortcut
        android:enabled="true"
        android:icon="@mipmap/icon_scan"
        android:shortcutDisabledMessage="@string/shortcutDisabledMessage"
        android:shortcutId="scan"
        android:shortcutLongLabel="@string/title_scan"
        android:shortcutShortLabel="@string/title_scan">
        <intent
            android:action="android.intent.action.VIEW"
            android:targetClass="com.keno.shortcuts.ScanActivity"
            android:targetPackage="com.keno.shortcuts" />
        <categories android:name="android.shortcut.conversation" />
    </shortcut>
    <!-其他快捷方式 -->
</shortcuts>

在AndroidManifest.xml中注册快捷方式：

AndroidManifest.xml

<activity android:name=".MainActivity">
    <intent-filter>
        <action android:name="android.intent.action.MAIN" />
        <category android:name="android.intent.category.LAUNCHER" />
    </intent-filter>
    <meta-data
        android:name="android.app.shortcuts"
        android:resource="@xml/shortcuts_home" />
</activity>

动态配置Shortcut

使用ShortcutManager动态配置快捷方式：

MainActivity.java

public class MainActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        ShortcutManager shortcutManager = getSystemService(ShortcutManager.class);
        List<ShortcutInfo> infos = new ArrayList<>();
        for (int i = 0; i < shortcutManager.getMaxShortcutCountPerActivity(); i++) {
            Intent intent = new Intent(this, TestActivity3.class);
            intent.setAction(Intent.ACTION_VIEW);
            intent.putExtra("msg", "我和" + name[i] + "聊天");
            ShortcutInfo info = new ShortcutInfo.Builder(this, "id" + i)
                    .setShortLabel(name[i])
                    .setLongLabel("朋友:" + name[i])
                    .setIcon(Icon.createWithResource(this, R.mipmap.ic_launcher_round))
                    .setIntent(intent)
                    .build();
            infos.add(info);
        }
        shortcutManager.setDynamicShortcuts(infos);
    }
}

设置长按事件

在应用的主界面设置长按事件，弹出快捷菜单。

activity_main.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <!-UI组件 -->
</RelativeLayout>

MainActivity.java (续)

@Override
public boolean onTouchEvent(MotionEvent event) {
    if (event.getAction() == MotionEvent.ACTION_DOWN) {
        showQuickMenu();
        return true;
    }
    return super.onTouchEvent(event);
}
private void showQuickMenu() {
    QuickMenu quickMenu = new QuickMenu(this);
    // 添加菜单项
    quickMenu.show();
}

QuickMenu.java

public class QuickMenu extends PopupMenu {
    public QuickMenu(Context context) {
        super(context);
        // 添加菜单项
        getMenu().add("扫一扫");
        getMenu().add("收钱");
        getMenu().add("付钱");
        // 设置点击事件
        setOnMenuItemClickListener(item -> {
            // 处理点击事件
            return true;
        });
    }
}

测试与优化

运行应用并进行测试，确保所有功能正常工作，根据测试结果进行必要的调整和优化，调整快捷菜单的位置、样式和动画效果等。

归纳与展望

通过上述步骤，我们可以在Android应用中实现类似支付宝的长按菜单功能，这不仅提升了用户体验，还增加了应用的互动性和便捷性，随着技术的发展，我们可以进一步优化这一功能，例如增加更多的自定义选项和动态更新能力，以满足用户的多样化需求。