安卓高级编程之实现类似三星系统的设置界面，并用lucene建立搜索系统

安卓的默认设置实现略显杂乱无章，且无法搜索。需要亿点美化与扩展。

代码盗圣

868人浏览 · 2022-09-14 12:22:52

代码盗圣 · 2022-09-14 12:22:52 发布

一、美化设置

安卓应用的设置可用 androidx.preference 实现。通过书写xml，扩展Preference类，最后实现的是一个基于 RecyclerView 的界面。但是即便 xml 中 PreferenceScreen、Group层级分明，默认出来的效果还是有亿点杂乱无章，需要自己美化。

美化的原理很简单，csdn也有教程，就是自定义列表项背景，根据item所处位置的不同，分配上、中、下、上下四种带有不同边框的背景，整体组合成一张张卡片的效果。

但是怎么实现呢？我的方式是直接魔改 androidx.preference 库，只需添加一两百行的方法代码，就可以在 PreferenceGroup 具有标题时自动启用这种卡片特效。

为了兼容列表项原来的点击波纹背景，处理的时候用了 LayerDrawable 将原来的背景叠加在卡片背景之上。

最终效果如下：

美轮美奂，卷死大厂。

二、查找设置

得益于xml的组织形式，实现对于设置的查找变得很容易，即使你的应用有多种界面语言。

查看 androidx.preference 源码得知，我们可以自己new一个 PreferenceManagfer，主动去 infalte 设置的 xml 资源文件，得到一个个 PreferenceScreen，也就是层级化的 Preference 列表。这样，遍历这些列表，就可以为它们建立索引，十分迅速。

那么搜索到条目后，如何实现跳转呢？我用了简单的处理方式，直接根据设置id，启动一个新的设置Activity。

甚至还可以模仿三星的设置搜索系统，在跳转到搜索项目的时候，通过在列表项视图上虚拟两次触摸事件，触发其波纹背景，使其醒目。

if (child!=null) {
	MotionEvent evt = MotionEvent.obtain(0, 0, MotionEvent.ACTION_DOWN, -100, -100, 0);
	child.dispatchTouchEvent(evt);
	evt.recycle();
	mList.postDelayed(() -> ViewUtils.preventDefaultTouchEvent(child, -100, -100), 800);
}

....

public static void preventDefaultTouchEvent(View view, int x, int y) {
	MotionEvent evt = MotionEvent.obtain(0, 0, MotionEvent.ACTION_CANCEL, x, y, 0);
	if (view!=null) view.dispatchTouchEvent(evt);
	evt.setSource(100);
	evt.recycle();
}

触发波纹背景

三、源代码

魔改 androidx 库，Preference.java:

    public void onBindViewHolder(PreferenceViewHolder holder) {
    		PreferenceGroup p = getParent();
    		if (p != null) {
    		    p.setBackground(itemView, this);
    		}
    ……

PreferenceGroup.java:

	public void setBackground(View view, Preference preference) {
		Drawable bg = view.getBackground();
		boolean b1 = bg instanceof LayerDrawable;
		Drawable bgg = b1?((LayerDrawable) bg).findDrawableByLayerId(android.R.id.background):null;
		if (cardGroupView) {
			boolean isFirst = false, isLast = false;
			Preference probe;
			for (int i = 0; i < mPreferences.size(); i++) {
				probe = mPreferences.get(i);
				if (probe == preference) {
					isFirst = true;
					break;
				}
				if (probe.isVisible()) {
					break;
				}
			}
			for (int i = mPreferences.size()-1; i >= 0; i--) {
				probe = mPreferences.get(i);
				if (probe == preference) {
					isLast = true;
					break;
				}
				if (probe.isVisible()) {
					break;
				}
			}
			int res = R.drawable.frame_middle;
			if (isFirst && isLast) {
				res = R.drawable.frame_topbot;
				preference.setDrawDividers(false, false);
			}
			else if (isFirst) {
				res = R.drawable.frame_top;
				preference.setDrawDividers(false, true);
			}
			else if (isLast) {
				res = R.drawable.frame_bot;
				preference.setDrawDividers(true, false);
			} else {
				preference.setDrawDividers(true, true);
			}
			if(bgg == null) bgg = bg;
			LayerDrawable ld = (LayerDrawable) view.getContext().getResources().getDrawable(res);
			if (GlobalOptions.isDark) {
				ld.setColorFilter(GlobalOptions.NEGATIVE);
			}
			LayerDrawable ldd = new LayerDrawable(new Drawable[]{ld, bgg});
			ldd.setId(1, android.R.id.background);
			view.setBackground(ldd);
			view.setPadding((int) (10* GlobalOptions.density), 0 , 0, 0);
		}
		else if(b1) {
			if(bgg!=null) {
				view.setBackground(bgg);
			}
		}
	}

背景Drawable：

frame_middle.xml 上下无边框。(左右都有边框）

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

	<item>
		<shape>
			<solid android:color="#fff" />
			<stroke
				android:width="1dp"
				android:color="#999"
				android:dashGap="2dp" />
		</shape>
	</item>

	<item android:left="1dp" android:right="1dp" >
		<shape>
			<solid android:color="#FFFFFFFF" />
		</shape>
	</item>
</layer-list>

frame_top.xml（上边框）

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

	<item>
		<shape>
			<solid android:color="#fff" />
			<stroke
				android:width="1dp"
				android:color="#999"
				android:dashGap="2dp" />
			<corners
				android:radius="8dp"
				android:topRightRadius="8dp"
				android:topLeftRadius="8dp"
				android:bottomLeftRadius="0dp"
				android:bottomRightRadius="0dp"
				/>
		</shape>
	</item>

	<item android:left="1dp" android:right="1dp" android:top="2dp" >
		<shape>
			<solid android:color="#FFFFFFFF" />
			<corners
				android:radius="8dp"
				android:topRightRadius="8dp"
				android:topLeftRadius="8dp"
				android:bottomLeftRadius="0dp"
				android:bottomRightRadius="0dp"
				/>
		</shape>
	</item>
</layer-list>