感覺比較好的一個地址選擇設計,而且發現有的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,粘貼了部分代碼,而且很多關鍵地方我也在代碼中加了註釋。還是那句話,自己動手實現一把才能在今後用到的時候方便使用。
最後放上源碼