輕松實(shí)現(xiàn)Android仿淘寶地區(qū)選擇功能
更新時(shí)間：2020年06月23日 17:21:35 作者：yissan
這篇文章主要介紹了輕松實(shí)現(xiàn)Android仿淘寶地區(qū)選擇功能的相關(guān)資料，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
最近用淘寶客戶端的時(shí)候，編輯地址的時(shí)候有個(gè)地區(qū)選擇的功能?？瓷厦娴男ЧX得挺酷，滾動(dòng)的時(shí)候，是最后一個(gè)從下面飛上來挨著前一個(gè)。就自己鼓搗一個(gè)出來玩玩。
說了效果可能不太直觀，下面上兩張圖看看效果
淘寶地區(qū)選擇效果
再來一張自己的效果
gif的效果可能不太好，大家自己用Android手機(jī)打開淘寶看看
實(shí)現(xiàn)分析
展示很簡單，ListView就可以了。對于動(dòng)畫效果，只需要在getView的時(shí)候獲取到要展示的View，通過屬性動(dòng)畫修改translationY就ok啦。由于地區(qū)選擇是一個(gè)界面，所以這里還用到了Fragment的 addToBackStack知識
1、用來展示的Fragment
用一個(gè)Fragment來接受parentCode參數(shù)來獲取父地區(qū)的所有子地區(qū)，然后進(jìn)行顯示。這里用Fragment來做是因?yàn)橛肁ctivity的話，這樣的連續(xù)點(diǎn)擊都是同一類的界面不太適合。
public class AreaFragment extends Fragment implements AdapterView.OnItemClickListener {
private static final String ARG_PARAM1 = "parentCode";
@Bind(R.id.refresh_list_view)
ListView mRefreshListView;
@Bind(R.id.loadingBar)
ProgressBar mLoadingBar;
private String mParam1;//parentCode參數(shù)
OkHttpClient mOkHttpClient = new OkHttpClient();
private OnFragmentInteractionListener mListener;
private AreaAdapter adapter;//地區(qū)adapter
public AreaFragment() {
}
/**
* Use this factory method to create a new instance of
* this fragment using the provided parameters.
*
* @param param1 Parameter 1.
* @return A new instance of fragment AreaFragment.
*/
public static AreaFragment newInstance(String param1) {
AreaFragment fragment = new AreaFragment();
Bundle args = new Bundle();
args.putString(ARG_PARAM1, param1);
fragment.setArguments(args);
return fragment;
}
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
if (getArguments() != null) {
//獲取父地區(qū)的code，用來查詢子地區(qū)
mParam1 = getArguments().getString(ARG_PARAM1);
}
}
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
// Inflate the layout for this fragment
View view = inflater.inflate(R.layout.fragment_area, container, false);
ButterKnife.bind(this, view);
mRefreshListView.setOnItemClickListener(this);
FormEncodingBuilder builder = new FormEncodingBuilder();
builder.add(ARG_PARAM1,mParam1);
//通過parentCode來請求地區(qū)，如果parentCode不存在就是第一級
final Request request = new Request.Builder()
.url("http://123.184.16.19:8008/area/list")
.post(builder.build())
.build();
mOkHttpClient.newCall(request).enqueue(new Callback(){
@Override
public void onFailure(Request request, IOException e) {
}
@Override
public void onResponse(Response response) throws IOException {
final String res = response.body().string();
if (res!=null){
Gson gson = new Gson();
JsonResult jsonResult = gson.fromJson(res, JsonResult.class);
if (jsonResult.isSuccess()){
List list = (List) jsonResult.getResult();
List newList = new ArrayList();
Iterator iterator = list.iterator();
while (iterator.hasNext()){
Map map = (Map) iterator.next();
AreaInfo areaInfo = gson.fromJson(gson.toJson(map),AreaInfo.class);
newList.add(areaInfo);
}
adapter = new AreaAdapter(getContext(),newList);
getActivity().runOnUiThread(new Runnable() {
@Override
public void run() {
//拿到數(shù)據(jù)進(jìn)行展示
mRefreshListView.setAdapter(adapter);
}
});
}
}
}
});
return view;
}
@Override
public void onAttach(Context context) {
super.onAttach(context);
if (context instanceof OnFragmentInteractionListener) {
mListener = (OnFragmentInteractionListener) context;
} else {
throw new RuntimeException(context.toString()
+ " must implement OnFragmentInteractionListener");
}
}
@Override
public void onDetach() {
super.onDetach();
mListener = null;
}
@Override
public void onDestroyView() {
super.onDestroyView();
ButterKnife.unbind(this);
}
@Override
public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
//單擊的時(shí)候需要處理地區(qū)點(diǎn)擊事件，統(tǒng)一交給Activity處理
AreaInfo areaInfo = (AreaInfo) parent.getAdapter().getItem(position);
if (areaInfo==null) return;
if (mListener!=null){
mListener.onFragmentInteraction(areaInfo);
}
}
//用來和Activity交互的回調(diào)接口
public interface OnFragmentInteractionListener {
void onFragmentInteraction(AreaInfo areaInfo);
}
我們用了一個(gè)Fragment來接受parentCode，用于請求下一級的地區(qū)，獲取成功之后進(jìn)行了展示。并且提供了一個(gè)OnFragmentInteractionListener用來在onItemClick時(shí)與Activity交互。
接下來看adapter,最開始我們提到了要實(shí)現(xiàn)淘寶的效果我們只需要拿到即將顯示的View，設(shè)置動(dòng)畫就可以了。
2、處理顯示效果的adapter
class AreaAdapter extends BaseAdapter {
private List list;
private int lastPosition;
public AreaAdapter(Context context, List<AreaInfo> list) {
this.list = list;
}
@Override
public int getCount() {
return list.size();
}
@Override
public Object getItem(int position) {
return list.get(position);
}
@Override
public long getItemId(int position) {
return 0;
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
ViewHolder viewHolder = null;
if (convertView==null){
convertView = LayoutInflater.from(getContext()).inflate(R.layout.area_list_item,parent,false);
viewHolder = new ViewHolder();
viewHolder.textView = (TextView) convertView.findViewById(android.R.id.text1);
convertView.setTag(viewHolder);
}
viewHolder = (ViewHolder) convertView.getTag();
AreaInfo item = (AreaInfo) list.get(position);
viewHolder.textView.setText(item.getAreaName());
if (lastPosition<position&&lastPosition!=0){
ObjectAnimator.ofFloat(convertView,"translationY",convertView.getHeight()*2,0).setDuration(500).start();
}
lastPosition = position;
return convertView;
}
class ViewHolder{
TextView textView;
}
}
很常見的一個(gè)Adapter寫法，只是在getView當(dāng)中獲取到了要顯示的view，通過
ObjectAnimator.ofFloat(convertView,”translationY”,convertView.getHeight()*2,0).setDuration(500).start()為veiw設(shè)置了動(dòng)畫，
這里還用了個(gè)變量position來區(qū)別只有在向上滾動(dòng)的時(shí)候才會(huì)有動(dòng)畫。不過我覺得不加position區(qū)別的效果也不錯(cuò)，大家可以試試。
其實(shí)這樣已經(jīng)實(shí)現(xiàn)了效果，接下來順便提一下Activity對Framgnet中onItemClick的處理。
3、Activity和fragment的交互處理
public class AreaSelectActivity extends AppCompatActivity implements AreaFragment.OnFragmentInteractionListener{
private Fragment oneFragment;
private Fragment twoFragment;
private Map map = new HashMap();
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_area_select);
ButterKnife.bind(this);
//新建第一級地區(qū)，parentCode參數(shù)為null
oneFragment = AreaFragment.newInstance("");
FragmentManager fragmentManager = getSupportFragmentManager();
fragmentManager.beginTransaction().replace(R.id.content,oneFragment).commit();
}
@Override
public boolean onOptionsItemSelected(MenuItem item) {
switch (item.getItemId()){
case android.R.id.home:
FragmentManager fragmentManager = getSupportFragmentManager();
if (fragmentManager.getBackStackEntryCount()>0){
fragmentManager.popBackStack();
}else{
finish();
}
break;
}
return true;
}
/**
* 處理交互，hide前一個(gè)fragment，并且調(diào)用addToBackStack讓Fragment可以點(diǎn)擊back的時(shí)候顯示前一個(gè)fragment
* 如果是第三級地區(qū)則直接返回地區(qū)選擇數(shù)據(jù)給上個(gè)Activity
* @param areaInfo 被點(diǎn)擊的地區(qū)信息
*/
@Override
public void onFragmentInteraction(AreaInfo areaInfo) {
if (areaInfo==null){
return;
}
FragmentTransaction transaction = getSupportFragmentManager().beginTransaction();
int level = areaInfo.getLevel();
switch (level){
case 1:
map.put("provId",areaInfo.getId());
map.put("provName",areaInfo.getAreaName());
if (areaInfo.isLeaf()){
Intent intent = new Intent();
intent.putExtra("addressInfo", (Serializable) map);
setResult(RESULT_OK,intent);
finish();
}else{
transaction.hide(oneFragment);
transaction.add(R.id.content,twoFragment=AreaFragment.newInstance(areaInfo.getAreaCode()+"")).addToBackStack(null).commit();
}
break;
case 2:
map.put("cityId",areaInfo.getId());
map.put("cityName",areaInfo.getAreaName());
if (areaInfo.isLeaf()){
Intent intent = new Intent();
intent.putExtra("addressInfo", (Serializable) map);
setResult(RESULT_OK,intent);
finish();
}else {
transaction.hide(twoFragment);
transaction.add (R.id.content, AreaFragment.newInstance(areaInfo.getAreaCode()+"")).addToBackStack(null).commit();
}
break;
case 3:
map.put("districtId",areaInfo.getId());
map.put("districtName",areaInfo.getAreaName());
Intent intent = new Intent();
intent.putExtra("addressInfo", (Serializable) map);
setResult(RESULT_OK,intent);
finish();
break;
}
}
}
這樣仿淘寶地區(qū)選擇就實(shí)現(xiàn)啦！
結(jié)語
大家可以自己寫測試接口，也可以直接調(diào)用我寫好的接口： http://123.184.16.19:8008/area/list
源碼提供給大家參考：Android仿淘寶地區(qū)選擇
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
Android搜索結(jié)果顯示高亮實(shí)例(有數(shù)據(jù)滑動(dòng)底部自動(dòng)刷新)
本篇文章主要介紹了Android搜索結(jié)果顯示高亮實(shí)例(有數(shù)據(jù)滑動(dòng)底部自動(dòng)刷新)，非常具有實(shí)用價(jià)值，需要的朋友可以參考下2017-04-04
Android-Zxing實(shí)現(xiàn)二維碼的掃描與生成
本文主要介紹了Android中Zxing實(shí)現(xiàn)二維碼的掃描與生成的方法，具有很好的參考價(jià)值，下面跟著小編一起來看下吧2017-02-02
Android取消EditText自動(dòng)獲取默認(rèn)焦點(diǎn)
本文主要介紹了Android取消EditText自動(dòng)獲取焦點(diǎn)默認(rèn)行為的方法，具有很好的參考價(jià)值。下面跟著小編一起來看下吧2017-03-03
修改Android簽名證書keystore的密碼、別名alias以及別名密碼
這篇文章主要介紹了修改Android簽名證書keystore的密碼、別名alias以及別名密碼的相關(guān)資料,需要的朋友可以參考下2015-12-12
Android進(jìn)程間使用Intent進(jìn)行通信
Android進(jìn)程間通信（IPC，Inter-Process Communication）底層采用的是 Binder 機(jī)制，具體到應(yīng)用層有網(wǎng)友根據(jù)安卓四大組件將進(jìn)程間通信方式分為對應(yīng)的四種方式 Activity, Broadcast, ContentProvider, Service2023-02-02
Android解決dialog彈出時(shí)無法捕捉Activity的back事件的方法
這篇文章主要介紹了Android解決dialog彈出時(shí)無法捕捉Activity的back事件的方法,涉及Android操作Activity事件的相關(guān)技巧,需要的朋友可以參考下2015-05-05
Runtime 是 Android 系統(tǒng)中的核心組件之一,它提供了執(zhí)行應(yīng)用程序代碼的環(huán)境,并影響著應(yīng)用程序的性能和響應(yīng)性能,這篇文章主要介紹了Android 中的 Runtime,需要的朋友可以參考下2024-01-01
Android之自定義實(shí)現(xiàn)BaseAdapter（通用適配器三）
這篇文章主要為大家詳細(xì)介紹了Android之自定義實(shí)現(xiàn)BaseAdapter通用適配器第三篇，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-12-12
Android 實(shí)現(xiàn)將Bitmap 保存到本地
這篇文章主要介紹了Android 實(shí)現(xiàn)將Bitmap 保存到本地，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-03-03
Android自定義控件實(shí)現(xiàn)溫度旋轉(zhuǎn)按鈕效果
這篇文章主要給大家介紹了關(guān)于Android如何通過自定義控件實(shí)現(xiàn)溫度旋轉(zhuǎn)按鈕的效果，文中通過思路與方法一步步介紹的很詳細(xì)，相信對大家的理解和學(xué)習(xí)具有一定的參考借鑒價(jià)值，有需要的朋友們下面來一起看看吧。2016-12-12