Android仿手機通訊錄地址選擇功能
感覺比較好的一個地址選擇設計,而且發(fā)現(xiàn)有的App中也用到了。還是先上效果圖

思路:
1.效果是仿照網(wǎng)上大神實現(xiàn)的類似通訊錄樣式做的;
2.右邊a-z是自定義的一個bar,設置了點擊監(jiān)聽事件,以及對話框彈出
3.關鍵是adapter,判斷了字母顯示和隱藏
4.用到漢字轉拼音、按首字母排序等工具類
5.3個activity的跳轉是用回調(diào)來實現(xiàn),每個activity都實現(xiàn)了回調(diào),這樣就有了從區(qū)activity直接跳轉到首頁的效果
6.數(shù)據(jù)是調(diào)用的我本地的接口實現(xiàn)的,如果大家沒有數(shù)據(jù)我可以想辦法給你們提供測試的省市區(qū)數(shù)據(jù)接口。加載數(shù)據(jù)是用volley框架實現(xiàn)的
代碼的一個結構

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"));//設置選中狀態(tài)顏色
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數(shù)組的長度就等于點擊b中的個數(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關鍵代碼,以province的adapter為例,繼承自SectionIndexer
/**
* 根據(jù)ListView的當前位置獲取匪類的首字母的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);
//如果當前位置等于該分類首字母的Char的位置,則認為是第一次出現(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.再貼一個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;
/**
* 根據(jù)拼音來排列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() {
//實例化漢字轉拼音類
characterParser=CharacterParser.getInstance();
pinyinComparator=new PinyinComparator();
sideBar= (SideBar) findViewById(R.id.sidrbar);
dialog= (TextView) findViewById(R.id.dialog);
sideBar.setTextView(dialog);
//設置右側觸摸監(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值轉換成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進行排序源數(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);
}
/**
* 為ListView填充數(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());
//漢字轉換成拼音
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,粘貼了部分代碼,而且很多關鍵地方我也在代碼中加了注釋。還是那句話,自己動手實現(xiàn)一把才能在今后用到的時候方便使用。
最后放上源碼:Android仿手機通訊錄地址選擇功能
以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
相關文章
Android 仿抖音的評論列表的UI和效果的實現(xiàn)代碼
抖音是一款音樂創(chuàng)意短視頻社交軟件,此app已在android各大應用商店和app store 上線。下面小編給大家?guī)砹薃ndroid 仿抖音的評論列表的UI和效果的實現(xiàn)代碼,感興趣的朋友參考下吧2018-03-03
詳解Android activity與fragment之間的通信交互
本篇文章主要介紹了詳解Android activity與fragment之間的通信交互,具有一定的參考價值,有興趣的可以了解一下2017-08-08
FrameLayout和Fragment處理Android應用UI布局實例
這篇文章主要介紹了FrameLayout和Fragment處理Android應用UI布局實例,安卓3.0以后Fragment的出現(xiàn)為多尺寸屏幕的適配帶來了方便,需要的朋友可以參考下2016-02-02

