Android仿手機(jī)通訊錄地址選擇功能
感覺比較好的一個(gè)地址選擇設(shè)計(jì),而且發(fā)現(xiàn)有的App中也用到了。還是先上效果圖
思路:
1.效果是仿照網(wǎng)上大神實(shí)現(xiàn)的類似通訊錄樣式做的;
2.右邊a-z是自定義的一個(gè)bar,設(shè)置了點(diǎn)擊監(jiān)聽事件,以及對(duì)話框彈出
3.關(guān)鍵是adapter,判斷了字母顯示和隱藏
4.用到漢字轉(zhuǎn)拼音、按首字母排序等工具類
5.3個(gè)activity的跳轉(zhuǎn)是用回調(diào)來(lái)實(shí)現(xiàn),每個(gè)activity都實(shí)現(xiàn)了回調(diào),這樣就有了從區(qū)activity直接跳轉(zhuǎn)到首頁(yè)的效果
6.數(shù)據(jù)是調(diào)用的我本地的接口實(shí)現(xiàn)的,如果大家沒(méi)有數(shù)據(jù)我可以想辦法給你們提供測(cè)試的省市區(qū)數(shù)據(jù)接口。加載數(shù)據(jù)是用volley框架實(shí)現(xiàn)的
代碼的一個(gè)結(jié)構(gòu)
1.右側(cè)自定義bar的部分代碼
首先重寫onDraw方法
/** * 重寫 * @param canvas */ @Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); int height=getHeight();//獲取對(duì)應(yīng)的高度 int width=getWidth();//獲取對(duì)應(yīng)的寬度 int singleHeight=height/b.length;//獲取每一個(gè)字母的高度 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"));//設(shè)置選中狀態(tài)顏色 paint.setFakeBoldText(true); } //x坐標(biāo)等于中間-字符串寬度的一辦(????????) 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();//點(diǎn)擊Y坐標(biāo) int oldChoose=choose; OnTouchingLetterChangedListener listener=onTouchingLetterChangedListener; int c=(int)(y/getHeight()*b.length);//點(diǎn)擊y坐標(biāo)所占總高度的比例*b數(shù)組的長(zhǎng)度就等于點(diǎn)擊b中的個(gè)數(shù) 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; }
向外開發(fā)接口
/** * 向外公開的方法 * @param onTouchingLetterChangedListener */ public void setOnTouchingLetterChangedListener(OnTouchingLetterChangedListener onTouchingLetterChangedListener){ this.onTouchingLetterChangedListener=onTouchingLetterChangedListener; }
2.adapter關(guān)鍵代碼,以province的adapter為例,繼承自SectionIndexer
/** * 根據(jù)ListView的當(dāng)前位置獲取匪類的首字母的Char ascii值 * @param position * @return */ public int getSectionForPosition(int position){ return list.get(position).getSortLetters().charAt(0); } /** * 根據(jù)分類的首字母的Char ascii值獲取其第一次出現(xiàn)該首字母的位置 * @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(); } //根據(jù)position獲取分類的首字母的char ascii值 int section=getSectionForPosition(i); //如果當(dāng)前位置等于該分類首字母的Char的位置,則認(rèn)為是第一次出現(xiàn) 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.再貼一個(gè)provinceActivity的類
public class ProvinceActivity extends Activity { private Context mContext; private ListView sortListView; private SideBar sideBar; private TextView dialog; private ProvinceAdapter adapter; /** * 漢字轉(zhuǎn)換成拼音的類 */ private CharacterParser characterParser; private List<Province> sourceDateList; /** * 根據(jù)拼音來(lái)排列ListView里面的數(shù)據(jù)類 */ private PinyinComparator pinyinComparator; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.a_province); mContext=this; initView(); } private void initView() { //實(shí)例化漢字轉(zhuǎn)拼音類 characterParser=CharacterParser.getInstance(); pinyinComparator=new PinyinComparator(); sideBar= (SideBar) findViewById(R.id.sidrbar); dialog= (TextView) findViewById(R.id.dialog); sideBar.setTextView(dialog); //設(shè)置右側(cè)觸摸監(jiān)聽 sideBar.setOnTouchingLetterChangedListener(new SideBar.OnTouchingLetterChangedListener() { @Override public void onTouchingLetterChanged(String s) { //該字母首次出現(xiàn)的位置 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); } }); //獲取數(shù)據(jù) 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加載數(shù)據(jù) */ 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值轉(zhuǎn)換成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() + ""); //根據(jù)a-z進(jìn)行排序源數(shù)據(jù) 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); } /** * 為L(zhǎng)istView填充數(shù)據(jù) * @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()); //漢字轉(zhuǎn)換成拼音 String pinyin = characterParser.getSelling(list.get(i).getProvinceName()); String sortString = pinyin.substring(0, 1).toUpperCase();//獲取拼音首字母 // 正則表達(dá)式,判斷首字母是否是英文字母 if(sortString.matches("[A-Z]")){ province.setSortLetters(sortString.toUpperCase()); }else{ province.setSortLetters("#"); } mSortList.add(province); } return mSortList; } }
ok,粘貼了部分代碼,而且很多關(guān)鍵地方我也在代碼中加了注釋。還是那句話,自己動(dòng)手實(shí)現(xiàn)一把才能在今后用到的時(shí)候方便使用。
最后放上源碼:Android仿手機(jī)通訊錄地址選擇功能
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
五分了解Android?Progress?Bar進(jìn)度條加載
這篇文章主要為大家介紹了Android?Progress?Bar進(jìn)度條加載的實(shí)現(xiàn)及屬性示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-02-02Android 仿抖音的評(píng)論列表的UI和效果的實(shí)現(xiàn)代碼
抖音是一款音樂(lè)創(chuàng)意短視頻社交軟件,此app已在android各大應(yīng)用商店和app store 上線。下面小編給大家?guī)?lái)了Android 仿抖音的評(píng)論列表的UI和效果的實(shí)現(xiàn)代碼,感興趣的朋友參考下吧2018-03-03詳解Android activity與fragment之間的通信交互
本篇文章主要介紹了詳解Android activity與fragment之間的通信交互,具有一定的參考價(jià)值,有興趣的可以了解一下2017-08-08Android實(shí)現(xiàn)登錄注冊(cè)頁(yè)面(上)
這篇文章主要為大家詳細(xì)介紹了Android實(shí)現(xiàn)登錄注冊(cè)頁(yè)面,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-04-04Android工程:引用另一個(gè)Android工程的方法詳解
本篇文章是對(duì)在Android中引用另一個(gè)Android工程的方法進(jìn)行了詳細(xì)的分析介紹。需要的朋友參考下2013-05-05Android實(shí)現(xiàn)自動(dòng)匹配關(guān)鍵字并且標(biāo)紅功能
這篇文章主要為大家詳細(xì)介紹了Android實(shí)現(xiàn)自動(dòng)匹配關(guān)鍵字并且標(biāo)紅功能,單關(guān)鍵字和多關(guān)鍵字進(jìn)行匹配,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-05-05FrameLayout和Fragment處理Android應(yīng)用UI布局實(shí)例
這篇文章主要介紹了FrameLayout和Fragment處理Android應(yīng)用UI布局實(shí)例,安卓3.0以后Fragment的出現(xiàn)為多尺寸屏幕的適配帶來(lái)了方便,需要的朋友可以參考下2016-02-02