感觉比较好的一个地址选择设计,而且发现有的App中也用到了。还是先上效果图
思路:
1.效果是仿照网上大神实现的类似通讯录样式做的;
2.右边a-z是自定义的一个bar,设置了点击监听事件,以及对话框弹出
3.关键是adapter,判断了字母显示和隐藏
4.用到汉字转拼音、按首字母排序等工具类
5.3个activity的跳转是用回调来实现,每个activity都实现了回调,这样就有了从区activity直接跳转到首页的效果
6.数据是调用的我本地的接口实现的,如果大家没有数据我可以想办法给你们提供测试的省市区数据接口。加载数据是用volley框架实现的
代码的一个结构
1.右侧自定义bar的部分代码
首先重写onDraw方法
/** * 重写 * @param canvas */ @Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); int height=getHeight();//获取对应的高度 int width=getWidth();//获取对应的宽度 int singleHeight=height/b.length;//获取每一个字母的高度 for(int i=0;i<b.length;i++){ paint.setColor(Color.rgb(33,65,98)); paint.setTypeface(Typeface.DEFAULT_BOLD); paint.setAntiAlias(true); paint.setTextSize(20); //选中 if(i==choose) { paint.setColor(Color.parseColor("#3399ff"));//设置选中状态颜色 paint.setFakeBoldText(true); } //x坐标等于中间-字符串宽度的一办(????????) float xPos=width/2-paint.measureText(b[i])/2; float yPos=singleHeight*i+singleHeight; canvas.drawText(b[i],xPos,yPos,paint); paint.reset();//重置画笔 } }
重写dispatchTouchEvent方法
/** * 重写 * @param event * @return */ @TargetApi(Build.VERSION_CODES.JELLY_BEAN) @Override public boolean dispatchTouchEvent(MotionEvent event) { int action=event.getAction(); float y=event.getY();//点击Y坐标 int oldChoose=choose; OnTouchingLetterChangedListener listener=onTouchingLetterChangedListener; int c=(int)(y/getHeight()*b.length);//点击y坐标所占总高度的比例*b数组的长度就等于点击b中的个数 switch (action){ case MotionEvent.ACTION_UP: setBackground(new ColorDrawable(0*00000000)); choose=-1;// invalidate(); if(mTextDialog!=null) { mTextDialog.setVisibility(View.INVISIBLE); } break; default: setBackgroundResource(R.drawable.sidebar_background); if(oldChoose!=c) { if(c>=0 && c<b.length) { if(listener!=null) { listener.onTouchingLetterChanged(b[c]); } if(mTextDialog!=null) { mTextDialog.setText(b[c]); mTextDialog.setVisibility(View.VISIBLE); } choose=c; invalidate(); } } break; } return true; }
向外开发接口
/** * 向外公开的方法 * @param onTouchingLetterChangedListener */ public void setOnTouchingLetterChangedListener(OnTouchingLetterChangedListener onTouchingLetterChangedListener){ this.onTouchingLetterChangedListener=onTouchingLetterChangedListener; }
2.adapter关键代码,以province的adapter为例,继承自SectionIndexer
/** * 根据ListView的当前位置获取匪类的首字母的Char ascii值 * @param position * @return */ public int getSectionForPosition(int position){ return list.get(position).getSortLetters().charAt(0); } /** * 根据分类的首字母的Char ascii值获取其第一次出现该首字母的位置 * @param section * @return */ public int getPositionForSection(int section){ for(int i=0;i<getCount();i++){ String sortStr=list.get(i).getSortLetters(); char firstChar=sortStr.toUpperCase().charAt(0); if(firstChar==section) { return i; } } return -1; }
然后getView里面判断显示效果,是否显示字母,在哪里显示字母
@Override public View getView(final int i, View view, ViewGroup viewGroup) { ViewHolder holder=null; final Province province=list.get(i); if(view==null) { holder=new ViewHolder(); view=LayoutInflater.from(mContext).inflate(R.layout.item,null); holder.tvLetter= (TextView) view.findViewById(R.id.catalog); holder.tvTitle= (TextView) view.findViewById(R.id.title); view.setTag(holder); } else { holder= (ViewHolder) view.getTag(); } //根据position获取分类的首字母的char ascii值 int section=getSectionForPosition(i); //如果当前位置等于该分类首字母的Char的位置,则认为是第一次出现 if(i==getPositionForSection(section)) { holder.tvLetter.setVisibility(View.VISIBLE); holder.tvLetter.setText(province.getSortLetters()); } else { holder.tvLetter.setVisibility(View.GONE); } holder.tvTitle.setText(this.list.get(i).getProvinceName()); return view; }
3.再贴一个provinceActivity的类
public class ProvinceActivity extends Activity { private Context mContext; private ListView sortListView; private SideBar sideBar; private TextView dialog; private ProvinceAdapter adapter; /** * 汉字转换成拼音的类 */ private CharacterParser characterParser; private List<Province> sourceDateList; /** * 根据拼音来排列ListView里面的数据类 */ private PinyinComparator pinyinComparator; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.a_province); mContext=this; initView(); } private void initView() { //实例化汉字转拼音类 characterParser=CharacterParser.getInstance(); pinyinComparator=new PinyinComparator(); sideBar= (SideBar) findViewById(R.id.sidrbar); dialog= (TextView) findViewById(R.id.dialog); sideBar.setTextView(dialog); //设置右侧触摸监听 sideBar.setOnTouchingLetterChangedListener(new SideBar.OnTouchingLetterChangedListener() { @Override public void onTouchingLetterChanged(String s) { //该字母首次出现的位置 int position=adapter.getPositionForSection(s.charAt(0)); if(position!=-1) { sortListView.setSelection(position); } } }); sortListView= (ListView) findViewById(R.id.lv_pro); sortListView.setOnItemClickListener(new AdapterView.OnItemClickListener() { @Override public void onItemClick(AdapterView<?> adapterView, View view, int i, long l) { Intent intent=new Intent(); intent.putExtra("provinceId",((Province)adapter.getItem(i)).getId()); intent.putExtra("provinceName",((Province)adapter.getItem(i)).getProvinceName()); intent.setClass(mContext,CityActivity.class); startActivityForResult(intent,0); } }); //获取数据 volley_get(); } @Override protected void onActivityResult(int requestCode, int resultCode, Intent data) { if(requestCode==0) { if(resultCode==1) { setResult(1,data); finish(); } } super.onActivityResult(requestCode, resultCode, data); } /** * Volley加载数据 */ private void volley_get(){ RequestQueue mQueue=Volley.newRequestQueue(mContext); JsonObjectRequest jsonObjectRequest=new JsonObjectRequest("http://10.0.0.103:8080/StoAppPro/GetProvince",null,new Response.Listener<JSONObject>() { @Override public void onResponse(JSONObject jsonObject) { //Gson解析,直接将jsonObject的data值转换成list Gson gson=new Gson(); Type listType=new TypeToken<List<Province>>(){}.getType(); try { List<Province> list=gson.fromJson(jsonObject.get("data").toString(),listType); sourceDateList=filledData(list); Log.e("wj", sourceDateList.get(0).getId() + ""); //根据a-z进行排序源数据 Collections.sort(sourceDateList,pinyinComparator); //初始化适配器 adapter=new ProvinceAdapter(mContext,sourceDateList); //绑定适配器 sortListView.setAdapter(adapter); } catch (JSONException e) { e.printStackTrace(); } } },new Response.ErrorListener() { @Override public void onErrorResponse(VolleyError volleyError) { } }); mQueue.add(jsonObjectRequest); } /** * 为ListView填充数据 * @param * @return */ private List<Province> filledData(List<Province> list){ List<Province> mSortList = new ArrayList<Province>(); for(int i=0; i<list.size(); i++){ Province province = new Province(); province.setProvinceName(list.get(i).getProvinceName()); province.setId(list.get(i).getId()); //汉字转换成拼音 String pinyin = characterParser.getSelling(list.get(i).getProvinceName()); String sortString = pinyin.substring(0, 1).toUpperCase();//获取拼音首字母 // 正则表达式,判断首字母是否是英文字母 if(sortString.matches("[A-Z]")){ province.setSortLetters(sortString.toUpperCase()); }else{ province.setSortLetters("#"); } mSortList.add(province); } return mSortList; } }
ok,粘贴了部分代码,而且很多关键地方我也在代码中加了注释。还是那句话,自己动手实现一把才能在今后用到的时候方便使用。
最后放上源码:Android仿手机通讯录地址选择功能
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持小牛知识库。
本文向大家介绍JScript实现地址选择功能,包括了JScript实现地址选择功能的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了JScript实现地址选择功能的具体代码,供大家参考,具体内容如下 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。
本文向大家介绍轻松实现Android仿淘宝地区选择功能,包括了轻松实现Android仿淘宝地区选择功能的使用技巧和注意事项,需要的朋友参考一下 最近用淘宝客户端的时候,编辑地址的时候有个地区选择的功能。看上面的效果觉得挺酷,滚动的时候,是最后一个从下面飞上来挨着前一个。就自己鼓捣一个出来玩玩。 说了效果可能不太直观,下面上两张图看看效果 淘宝地区选择效果 再来一张自己的效果 gif的效果可能不太好
本文向大家介绍Android仿微信通讯录滑动快速定位功能,包括了Android仿微信通讯录滑动快速定位功能的使用技巧和注意事项,需要的朋友参考一下 先给大家展示下效果图: 实现代码如下: 下面简单说下实现原理。 使用 继承自LinearLayout,添加了26个字母索引TextView,当手指滑动时通知Activity更新界面。 核心是OnTouchListener,手指滑动的时候根据当前Y坐标计
本文向大家介绍Android实现通讯录功能,包括了Android实现通讯录功能的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了Android通讯录案例,供大家参考,具体内容如下 实战演练——通讯录 1、功能描述:通过SQLite实现数据库的增删改查 2、技术要点:SQLite的基本操作 3、实现步骤: ① 创建一个类继承SQLiteOpenHelper ② 重写父类构造方法、onCr
本文向大家介绍Android个人手机通讯录开发详解,包括了Android个人手机通讯录开发详解的使用技巧和注意事项,需要的朋友参考一下 一、Android 个人手机通讯录开发 数据存储:SQLite 数据库 开发工具:Android Studio 二、Phone Module 简介 1. 界面展示 2. 文件结构简单分析 三、个人手机通讯录代码实现 1. 清单文件 (AndroidManifest
本文向大家介绍Android自定义View实现通讯录字母索引(仿微信通讯录),包括了Android自定义View实现通讯录字母索引(仿微信通讯录)的使用技巧和注意事项,需要的朋友参考一下 一、效果:我们看到很多软件的通讯录在右侧都有一个字母索引功能,像微信,小米通讯录,QQ,还有美团选择地区等等。这里我截了一张美团选择城市的图片来看看; 我们今天就来实现图片中右侧模块的索引功能,包括触摸显示以选中