1.效果图
2. 布局文件
1)显示筛选的标题
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:layout_margin="@dimen/outer_border_width" > <RelativeLayout
android:id="@+id/titlebar"
android:layout_width="match_parent" android:layout_height="@dimen/titlebar_height"
android:background="@color/vi_color" > <ImageView
android:id="@+id/arrowLeftImg"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="5dp"
android:layout_centerVertical="true"
android:clickable="true"
android:focusable="true"
android:src="@drawable/icon_arrow_left_white" />
<TextView
android:id="@+id/title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:layout_centerInParent="true"
android:layout_centerVertical="true"
android:text="筛选"
android:textColor="@color/White"
android:textSize="@dimen/titlebar_title_text_size" /> <TextView
android:id="@+id/tvOk"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_alignParentRight="true"
android:layout_centerVertical="true"
android:background="@drawable/sel_titlebar_menu_bg"
android:clickable="true"
android:focusable="true"
android:focusableInTouchMode="true"
android:gravity="center"
android:paddingLeft="@dimen/titlebar_menu_padding"
android:paddingRight="@dimen/titlebar_menu_padding"
android:text="@string/ok"
android:textColor="@drawable/sel_titlebar_menu_color"
android:textSize="@dimen/titlebar_menu_text_size" />
</RelativeLayout>
<View
android:layout_width="match_parent"
android:layout_height="@dimen/divider_line_width"
android:background="@color/divider_line_color" /> <ListView
android:id="@+id/lvFilterTitles"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:divider="@null"
android:layoutAnimation="@anim/layout_anim_controller" />
</LinearLayout>
2)dialog里的列表
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:background="@color/White"
android:gravity="center"
android:orientation="vertical" > <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="50dp"
android:background="@color/White"
android:gravity="center"
android:weightSum="2"
android:orientation="horizontal" >
<TextView
android:id = "@+id/tvDialogTitle"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center"
android:layout_weight="1"
android:textSize="@dimen/title_2_text_size"
/>
<View
android:layout_width="2px"
android:layout_height="match_parent"
android:layout_marginTop="0dp"
android:background="@color/divider_line_color" />
<TextView
android:id = "@+id/tvOk"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/ok"
android:gravity="center"
android:textColor="@color/vi_color"
android:layout_weight="1"
android:textSize="@dimen/title_2_text_size"
/>
</LinearLayout>
<View
android:layout_width="match_parent"
android:layout_height="@dimen/divider_line_width"
android:layout_marginTop="0dp"
android:background="@color/divider_line_color" />"
<ListView
android:id="@+id/lvFilter"
android:layout_width="fill_parent"
android:layout_height="250dp"
android:layout_gravity="center"
android:cacheColorHint="#00000000" >
</ListView> </LinearLayout>
3. java 代码实现
比较关键的部分已标色,觉得有用的可以自己研究下,改改就可以直接用了.
public class FilterActivity extends Activity implements OnClickListener {
private static final String TAG = "FilterActivity";
public static final String FILTER_STRING = "filter_string";
public static final int FILTER_RESULT_CODE = 99;
private AlertDialog builder;
private ListView dialogLv;
private TextView mTvCity;
private TextView mTvDialogTitle;
private Context mContext;
private ListView mLvFilterTitles;
private int mFilterItemIndex = -1;
private ArrayList<FilterItem> mFilterItems = new ArrayList<FilterItem>();
private ArrayList<String> mHospitalNames = null;
private ArrayList<Hospital> mHospitalList = null;
private FilterTitleAdapter adapter;
private FilterTitleAdapter filterTitleAdapter;
private TextView mTvOk;
private ImageView mIvBack;
private String mFilterString;
private HashMap<String, String> mFilterKeyMap = new HashMap<String,String>();
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_filter);
mContext = this;
initFilterKeyMap();
mLvFilterTitles = (ListView)findViewById(R.id.lvFilterTitles);
mTvOk = (TextView)findViewById(R.id.tvOk);
mIvBack = (ImageView)findViewById(R.id.arrowLeftImg);
mTvOk.setOnClickListener(this);
mIvBack.setOnClickListener(this);
filterTitleAdapter = new FilterTitleAdapter();
mLvFilterTitles.setAdapter(filterTitleAdapter);
mLvFilterTitles.setOnItemClickListener(new OnItemClickListener(){
@Override
public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
mFilterItemIndex = position; //标记位置以便返回选中值
buildDialog();
}
});
}
private void buildDialog() {
builder = new AlertDialog.Builder(this).create();
builder.show();
LayoutInflater inflater = LayoutInflater.from(this);
final View viewDialog = inflater.inflate(R.layout.dialog_filter, null);
mTvDialogTitle = (TextView)viewDialog.findViewById(R.id.tvDialogTitle);
builder.setContentView(viewDialog);
builder.getWindow().setGravity(Gravity.BOTTOM);
dialogLv = (ListView) viewDialog.findViewById(R.id.lvFilter);
TextView dialogOk = (TextView) viewDialog.findViewById(R.id.tvOk);
dialogOk.setOnClickListener(new OnClickListener(){
@Override
public void onClick(View arg0) {
builder.dismiss();
}
});
String titleName = mFilterItems.get(mFilterItemIndex).name;
String titleEName = mFilterItems.get(mFilterItemIndex).eName;
mTvDialogTitle.setText(titleName);
// 这个listview的用法没啥好说的,在这用的是android自带的适配模式
dialogLv.setAdapter(new ArrayAdapter<String>(mContext, android.R.layout.simple_list_item_1, getDialogLvData(titleEName)));
dialogLv.setOnItemClickListener(new OnItemClickListener(){
@Override
public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
TextView tv = (TextView)viewDialog.findViewById(view.getId());
tv = (TextView)view.findViewById(android.R.id.text1);
Toast.makeText(mContext, "点了 "+ position+ " "+tv.getText(), 0).show();
//这里在点击后,更新上一层listview里的数据,这样就达到同步的效果了
mFilterItems.get(mFilterItemIndex).content = (String) tv.getText();
filterTitleAdapter.notifyDataSetChanged();
}
});
}
private void initFilterKeyMap(){
mFilterKeyMap.put("city", "城市");
mFilterKeyMap.put("sex", "性别");
mFilterKeyMap.put("star_level", "星级");
mFilterKeyMap.put("age", "年龄");
mFilterKeyMap.put("hospital", "医院");
}
private List<String> getDialogLvData(String key){
List<String> data = new ArrayList<String>();
switch (key){
case "city":
data.add("深圳");
break;
case "sex":
data.add("男");
data.add("女");
break;
case "star_level":
data.add("1");
data.add("2");
data.add("3");
data.add("4");
data.add("5");
break;
case "age":
data.add("20 - 29");
data.add("30 - 39");
break;
case "hospital":
break;
}
return data;
}
private class FilterTitleAdapter extends BaseAdapter {
public FilterTitleAdapter() {
super();
for(Map.Entry<String, String> entry : mFilterKeyMap.entrySet()){
FilterItem item = new FilterItem();
item.name = entry.getValue();
item.eName = entry.getKey();
mFilterItems.add(item) ;
}
}
@Override
public int getCount() {
return mFilterItems.size();
}
@Override
public FilterItem getItem(int position) {
return mFilterItems.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){
holder = new ViewHolder();
convertView = View.inflate(mContext, R.layout.list_item_filter_title, null);
holder.mTvFilterName = (TextView) convertView.findViewById(R.id.filterItemText);
holder.mTvFilterContent = (TextView) convertView.findViewById(R.id.filterItemContent);
convertView.setTag(holder);
} else {
holder = (ViewHolder) convertView.getTag();
}
FilterItem fi = mFilterItems.get(position);
holder.mTvFilterName.setText(fi.name);
holder.mTvFilterContent.setText(fi.content);
return convertView;
}
}
private class ViewHolder {
TextView mTvFilterContent;
TextView mTvFilterName;
}
@Override
public void onClick(View v) {
switch (v.getId()) {
case R.id.arrowLeftImg:
this.onBackPressed();
break;
case R.id.tvOk: //返回上一界面并传回数据
getFilterString();
Intent i;
i = this.getIntent();
i.putExtra(FILTER_STRING, mFilterString);
this.setResult(FILTER_RESULT_CODE, i);
finish();
break;
default:
break;
}
}
}