搜索关键字高亮和自定义Dialog及DialogFragment的使用

先看显示效果图

布局:

主界面布局:

<LinearLayout 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:layout_marginTop="20dp"
android:layout_marginLeft="20dp"
android:layout_marginRight="20dp"
android:orientation="vertical"
tools:context=".MainActivity">
<EditText
android:background="@drawable/seach"
android:id="@+id/ed_search"
android:layout_width="match_parent"
android:layout_height="40dp"
android:paddingLeft="40dp"
android:hint="搜索"
android:textColor="#00aeee"/>
<ListView
android:dividerHeight="1dp"
android:divider="#22000000"
android:id="@+id/list_view"
android:layout_width="match_parent"
android:layout_height="match_parent"/>
</LinearLayout>

listview的item布局:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent">
<TextView
android:id="@+id/tv"
android:gravity="center"
android:text="合适"
android:textSize="24sp"
android:layout_width="match_parent"
android:layout_height="60dp"/>
</LinearLayout>

逻辑代码实现

public class MainActivity extends AppCompatActivity {
private ListView mListView;
private EditText mEditText;
private List<String> mList;//源数据集合
private List<String> mQueryList;//查询数据集合

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

private void initView() {

mListView = (ListView) findViewById(R.id.list_view);
mEditText = (EditText) findViewById(R.id.ed_search);
mList = new ArrayList<>();
mQueryList = new ArrayList<>();
}

private void initData() {
mList.add("设置");
mList.add("缓解");
mList.add("设计数据");
mList.add("和平共处");
mList.add("美好家园");

mList.add("设置桌面");
mList.add("缓解");
mList.add("设计数据");
mList.add("和平共处世界");
mList.add("美好过度");

mList.add("设置数据");
mList.add("缓解压力");
mList.add("设计数据");
mList.add("和平共处");
mList.add("美好家园");

mList.add("设置随意");
mList.add("缓解痛苦");
mList.add("设计数据");
mList.add("反射共享");
mList.add("美好国度");

}

private void initEvent() {
mEditText.addTextChangedListener(new TextWatcher() {
@Override
public void beforeTextChanged(CharSequence s, int start, int count, int after) {

}

@Override
public void onTextChanged(CharSequence s, int start, int before, int count) {

}

@Override
public void afterTextChanged(Editable s) {
String result = s.toString();
mQueryList.clear();
if (TextUtils.isEmpty(result)) {
mListView.setAdapter(new SearchAdapter(null, mList, false));
} else {
for (String str : mList) {
if (str.contains(result)) {
Log.d("tag", "添加了" + str);
mQueryList.add(str);
}
}
if (mQueryList.size() == 0) {
Toast.makeText(MainActivity.this, "没找到相关信息", Toast.LENGTH_SHORT).show();
}

mListView.setAdapter(new SearchAdapter(result, mQueryList, true));

}
}
});
mListView.setAdapter(new SearchAdapter(null, mList, false));
}

private class SearchAdapter extends BaseAdapter {
private String message;
private List<String> list;
private boolean isSpan;

public SearchAdapter(String message, List<String> list, boolean isSpan) {
this.message = message;
this.list = list;
this.isSpan = isSpan;
}

@Override
public int getCount() {
return list.size();
}

@Override
public Object getItem(int position) {
return list.get(position);
}

@Override
public long getItemId(int position) {
return position;
}

@Override
public View getView(int position, View convertView, ViewGroup parent) {
ViewHolder holder;
if (convertView == null) {
convertView = View.inflate(MainActivity.this, R.layout.item_list, null);
holder = new ViewHolder();
holder.tv = (TextView) convertView.findViewById(R.id.tv);
convertView.setTag(holder);
} else {
holder = (ViewHolder) convertView.getTag();
}
String content = list.get(position);
if (isSpan) {
SpannableString spstr = matcherSearchTitle(getResources().getColor(R.color.key_blue), content, message);
holder.tv.setText(spstr);
} else {
holder.tv.setText(content);
}
return convertView;
}
}

static class ViewHolder {
TextView tv;
}

public SpannableString matcherSearchTitle(int color, String text,
String keyword) {
SpannableString s = new SpannableString(text);
Pattern p = Pattern.compile(keyword);
Matcher m = p.matcher(s);
while (m.find()) {
int start = m.start();
int end = m.end();
s.setSpan(new ForegroundColorSpan(color), start, end,
Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
}
return s;
}
}

搜索结果用悬浮窗体显示

使用自定义dialog

使用官方推荐的DialogFragment来创建对话框,官方建议不要直接使用Dialog创建对话框

自定义Dialog创建对话框显示:

1. 自定义dialog

public class ResultDialog extends Dialog {

private ListView mListView;

private ListAdapter mAdapter;

private AdapterView.OnItemClickListener mListener;

public ResultDialog(Context context) {
super(context, R.style.ResultDialogTheme);
}

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

mListView = (ListView) findViewById(R.id.listview_dialog);
// 设置adapter
setAdapter(mAdapter);
setOnItemClickListener(mListener);

// 改变样式-->window的样式
Window window = getWindow();
WindowManager.LayoutParams params = window.getAttributes();
params.y=240;
params.gravity = Gravity.TOP | Gravity.CENTER_HORIZONTAL;// 设置弹出位置
window.setAttributes(params);
}

/**
* 设置adapter
*
* @param adapter
*/
public void setAdapter(ListAdapter adapter) {
this.mAdapter = adapter;
if (mListView != null) {
mListView.setAdapter(adapter);
}
}

public void setOnItemClickListener(AdapterView.OnItemClickListener listener) {
this.mListener = listener;
if (mListView != null) {
mListView.setOnItemClickListener(listener);
}
}

}

2. 修改EditText监听afterTextChanged()方法:

public void afterTextChanged(Editable s) {
String result = s.toString();
ResultDialog dialog = new ResultDialog();
mQueryList.clear();
if (TextUtils.isEmpty(result)) {
mListView.setAdapter(new SearchAdapter(null, mList, false));
} else {

for (String str : mList) {
if (str.contains(result)) {
Log.d("tag", "添加了" + str);
mQueryList.add(str);
}
}

if (mQueryList.size() == 0) {
Toast.makeText(MainActivity.this, "没找到相关信息", Toast.LENGTH_SHORT).show();
}else {
dialog.setAdapter(new SearchAdapter(result, mQueryList, true));
dialog.show();
dialog.setOnItemClickListener(new AdapterView.OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
Toast.makeText(MainActivity.this, "点击了"+position+",内容是"+mQueryList.get(position), Toast.LENGTH_SHORT).show();
}
});
}
}
}
});

使用DialogFragment来实现对话框:

使用DialogFragment来管理对话框，当旋转屏幕和按下后退键时可以更好的管理其声明周期，它和Fragment有着基本一致的声明周期。且DialogFragment也允许开发者把Dialog作为内嵌的组件进行重用，类似Fragment（可以在大屏幕和小屏幕显示出不同的效果）。上面会通过例子展示这些好处~

使用DialogFragment至少需要实现onCreateView或者onCreateDIalog方法。onCreateView即使用定义的xml布局文件展示Dialog。onCreateDialog即利用AlertDialog或者Dialog创建出Dialog。

使用起来也非常方便, 和自定义Dialog类似

当然EditText的修改也和自定义dialog一样;

public class ResultDialogFragment extends DialogFragment {

private ListView mListView;
private ListAdapter mAdapter;

private AdapterView.OnItemClickListener mListener;
@Nullable
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
getDialog().requestWindowFeature(Window.FEATURE_NO_TITLE);
View view = inflater.inflate(R.layout.dialog_result, container, false);
mListView= (ListView) view.findViewById(R.id.listview_dialog);
mListView.setAdapter(mAdapter);
mListView.setOnItemClickListener(mListener);
return view;
}

public void setAdapter(ListAdapter adapter){
mAdapter=adapter;
if (mListView!=null){
mListView.setAdapter(adapter);
}
}

public void setOnItemClickListener(AdapterView.OnItemClickListener listener) {
this.mListener = listener;
if (mListView != null) {
mListView.setOnItemClickListener(listener);
}
}
}