安卓仿京东分类页面（1-3级）

最新推荐文章于 2024-06-05 13:57:44 发布
最新推荐文章于 2024-06-05 13:57:44 发布
阅读量1.6k 收藏 3
点赞数
分类专栏： 【Android点滴知识 】

效果图： 
京东分类页面 
先谈实现，再考虑优化，go –> 
思路：左边一个listview，右边是一个填充页面的容器，之前考虑用fragment的replace方式管理fragment的添加，后来采用了viewpager管理fragment，使用fragmentpageradapter适配器，因为一级分类会过多造成内存溢出。右侧直接一个recyclerview来承载二级三级分类，使用section可以构造二级分类的条目。 
优化也就是代码的重构再重构，控件的性能发挥到极致，用户体验的优化，如加载时的自定义progressbar，重复逻辑的抽取再抽取 
代码可直接使用：）

fragment_category.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:layout_width="match_parent"
              android:layout_height="match_parent"
              android:orientation="vertical">

    <include layout="@layout/toolbar_category"/>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="horizontal">

        <ListView
            android:id="@+id/listview"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1.0"
            android:background="@color/white"
            android:choiceMode="singleChoice"
            android:scrollbars="none"/>

       <!-- <FrameLayout
            android:id="@+id/fragment_container"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="3.0"
            android:background="@color/white"/>-->
        <com.zt.view.customview.MainViewPager
            android:id="@+id/fragment_container"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="3.0"
            android:background="@color/white"/>
    </LinearLayout>
</LinearLayout>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36

item_category_left

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal">

    <ImageView
        android:visibility="gone"
        android:id="@+id/iv_tag"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:src="@drawable/tag"/>

    <TextView
        android:background="#f5f5f5"
        android:layout_gravity="center"
        android:id="@+id/tv_category_first"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:paddingBottom="15dp"
        android:paddingLeft="12dp"
        android:paddingRight="12dp"
        android:paddingTop="15dp"
        android:textColor="#000000"
        android:textSize="14sp">
    </TextView>
</LinearLayout>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29

禁止左右活动的viewpager 
MainViewPager.class

package com.zt.view.customview;

import android.annotation.SuppressLint;
import android.content.Context;
import android.support.v4.view.ViewPager;
import android.util.AttributeSet;
import android.view.MotionEvent;

/**
 * Created by haoran on 2017/3/6.
 * 主页面 的 ViewPager 用于填充 tab_home_selected category mine 三个页面
 * 禁止左右 滑动
 */

public class MainViewPager extends ViewPager {

    /**是否禁止左右滑动，true为禁止，false为不禁止*/
    private boolean noScroll = true;

    public MainViewPager(Context context) {
        this(context,null);

    }

    public MainViewPager(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public void setNoScroll(boolean noScroll) {
        this.noScroll = noScroll;
    }

    @Override
    public void scrollTo(int x, int y) {
        super.scrollTo(x, y);
    }

    @SuppressLint("ClickableViewAccessibility")
    @Override
    public boolean onTouchEvent(MotionEvent arg0) {
        if (noScroll)
            return false;
        else
            return super.onTouchEvent(arg0);
    }

    @Override
    public boolean onInterceptTouchEvent(MotionEvent arg0) {
        if (noScroll)
            return false;
        else
            return super.onInterceptTouchEvent(arg0);
    }

    @Override
    public void setCurrentItem(int item, boolean smoothScroll) {
        super.setCurrentItem(item, smoothScroll);
    }

    @Override
    public void setCurrentItem(int item) {
        super.setCurrentItem(item);
    }
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46
  • 47
  • 48
  • 49
  • 50
  • 51
  • 52
  • 53
  • 54
  • 55
  • 56
  • 57
  • 58
  • 59
  • 60
  • 61
  • 62
  • 63
  • 64
  • 65

分类页面的实现

CategoryFragment.class

package com.zt.view.fragment;


import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;
import android.support.v4.app.FragmentTransaction;
import android.support.v4.view.ViewPager;
import android.util.SparseArray;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.FrameLayout;
import android.widget.ListView;

import com.zt.R;
import com.zt.adapter.CategoryLeftAdapter;
import com.zt.contract.CategoryFragmentMvpView;
import com.zt.model.net.bean.FirstCategory;
import com.zt.presenter.CategoryFragmentPresenter;
import com.zt.view.customview.MainViewPager;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;

import butterknife.BindView;
import butterknife.ButterKnife;

/**
 * 作者：haoran   on https://github.com/woaigmz 2017/7/26.
 * 邮箱：1549112908@qq.com
 * 说明：
 */

public class CategoryFragment extends Fragment implements AdapterView.OnItemClickListener, CategoryFragmentMvpView {

    @BindView(R.id.listview)
    ListView listview;
    @BindView(R.id.fragment_container)
    MainViewPager fragmentContainer;

    private List<FirstCategory.DataBean> category = new ArrayList<>();
    private CategoryLeftAdapter categoryLeftAdapter;
    private int mPosition;
    private ShopAdapter shopAdapter;


    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        return inflater.inflate(R.layout.fragment_category, container, false);
    }

    @Override
    public void onViewCreated(View view, @Nullable Bundle savedInstanceState) {
        super.onViewCreated(view, savedInstanceState);
        ButterKnife.bind(this, view);
        new CategoryFragmentPresenter(this).getFirstCategoryItem();
    }


    @Override
    public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
        //点击listView回滚居中
        mPosition = position;
        int totalHeight = listview.getMeasuredHeight() - 120;
        listview.smoothScrollToPositionFromTop(mPosition, totalHeight / 2, 50);
        //改变条目选中时候的样式，刷新adapter
        categoryLeftAdapter.setPosition(mPosition);
        categoryLeftAdapter.notifyDataSetChanged();
        fragmentContainer.setCurrentItem(mPosition,false);

    }


    @Override
    public void onGetDataCompleted() {

    }

    @Override
    public void onGetDataError(Throwable e) {

    }

    @Override
    public void onGetDataNext(Object o) {

    }

    @Override
    public void onGetDataNext(List<FirstCategory.DataBean> o) {
        category = o;
        categoryLeftAdapter = new CategoryLeftAdapter(getContext(), category, mPosition);
        listview.setAdapter(categoryLeftAdapter);
        listview.setOnItemClickListener(this);
        //创建MyFragment对象,默认在第一条
        fragmentContainer.setCurrentItem(0);
        shopAdapter = new ShopAdapter(getChildFragmentManager());
        fragmentContainer.setAdapter(shopAdapter);
    }

    /**
     * 适配fragment
     */
    private class ShopAdapter extends FragmentPagerAdapter {
        ShopAdapter(FragmentManager fm) {
            super(fm);
        }

        @Override
        public Fragment getItem(int arg0) {
            Fragment fragment = new GoodsFragment();
            Bundle bundle = new Bundle();
            bundle.putString("GoodsFragment", category.get(arg0).id+"");
            fragment.setArguments(bundle);
            return fragment;
        }

        @Override
        public int getCount() {
            return category.size();
        }
    }
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46
  • 47
  • 48
  • 49
  • 50
  • 51
  • 52
  • 53
  • 54
  • 55
  • 56
  • 57
  • 58
  • 59
  • 60
  • 61
  • 62
  • 63
  • 64
  • 65
  • 66
  • 67
  • 68
  • 69
  • 70
  • 71
  • 72
  • 73
  • 74
  • 75
  • 76
  • 77
  • 78
  • 79
  • 80
  • 81
  • 82
  • 83
  • 84
  • 85
  • 86
  • 87
  • 88
  • 89
  • 90
  • 91
  • 92
  • 93
  • 94
  • 95
  • 96
  • 97
  • 98
  • 99
  • 100
  • 101
  • 102
  • 103
  • 104
  • 105
  • 106
  • 107
  • 108
  • 109
  • 110
  • 111
  • 112
  • 113
  • 114
  • 115
  • 116
  • 117
  • 118
  • 119
  • 120
  • 121
  • 122
  • 123
  • 124
  • 125
  • 126
  • 127
  • 128
  • 129
  • 130

左侧的一级分类适配器 
CategoryLeftAdapter.class

package com.zt.adapter;

import android.content.Context;
import android.graphics.Color;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;

import com.zt.R;
import com.zt.model.net.bean.FirstCategory;

import java.util.List;

/**
 * 作者：haoran   on https://github.com/woaigmz 2017/8/7.
 * 邮箱：1549112908@qq.com
 * 说明：
 */

public class CategoryLeftAdapter extends BaseAdapter {
    private Context context;
    private List<FirstCategory.DataBean>  category;

    public void setPosition(int mPosition) {
        this.mPosition = mPosition;
    }

    private int mPosition;

    public CategoryLeftAdapter(Context context, List<FirstCategory.DataBean>  category, int mPosition) {
        this.context = context;
        this.category = category;
        this.mPosition = mPosition;
    }

    @Override
    public int getCount() {
        return category.size() == 0 ? 0 : category.size();
    }

    @Override
    public Object getItem(int position) {
        return category.get(position);
    }

    @Override
    public long getItemId(int position) {
        return position;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        ViewHolder viewHolder = null;
        if (convertView == null) {
            convertView = View.inflate(context, R.layout.item_category_left, null);
            viewHolder = new ViewHolder();
            viewHolder.mTextView = (TextView) convertView.findViewById(R.id.tv_category_first);
            viewHolder.mImageView = (ImageView) convertView.findViewById(R.id.iv_tag);
            convertView.setTag(viewHolder);
        } else {
            viewHolder = (ViewHolder) convertView.getTag();
        }
        viewHolder.mTextView.setText(category.get(position).name);
        if (mPosition == position) {
            viewHolder.mImageView.setVisibility(View.VISIBLE);
            viewHolder.mTextView.setBackgroundColor(Color.WHITE);
        } else {
            viewHolder.mImageView.setVisibility(View.GONE);
            viewHolder.mTextView.setBackgroundColor(Color.parseColor("#f5f5f5"));
        }
        return convertView;
    }

    private final class ViewHolder {
        TextView mTextView;
        ImageView mImageView;
    }
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46
  • 47
  • 48
  • 49
  • 50
  • 51
  • 52
  • 53
  • 54
  • 55
  • 56
  • 57
  • 58
  • 59
  • 60
  • 61
  • 62
  • 63
  • 64
  • 65
  • 66
  • 67
  • 68
  • 69
  • 70
  • 71
  • 72
  • 73
  • 74
  • 75
  • 76
  • 77
  • 78
  • 79
  • 80
  • 81

显示二级三级分类的内容 
GoodsFragment.class

package com.zt.view.fragment;

import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v4.app.Fragment;
import android.support.v7.widget.GridLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

import com.zt.R;
import com.zt.adapter.BooKGridLayoutAdapter;
import com.zt.adapter.SectionedGridRecyclerViewAdapter;
import com.zt.contract.GoodFragmentMvpView;
import com.zt.model.net.bean.Book;
import com.zt.presenter.GoodsFragmentPresenter;
import com.zt.view.customview.ScrollGridLayoutManager;

import java.util.ArrayList;
import java.util.List;

import butterknife.BindView;
import butterknife.ButterKnife;

/**
 * 作者：haoran   on https://github.com/woaigmz 2017/8/7.
 * 邮箱：1549112908@qq.com
 * 说明：//根据 Bundle 对象 绑定的 tag 显示二级三级分类的内容
 */

public class GoodsFragment extends Fragment implements GoodFragmentMvpView {
    public final String TAG = "GoodsFragment";
    @BindView(R.id.rv_goods)
    RecyclerView rvGoods;

    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        return inflater.inflate(R.layout.goodsfragment, container, false);
    }

    @Override
    public void onViewCreated(View view, @Nullable Bundle savedInstanceState) {
        super.onViewCreated(view, savedInstanceState);
        ButterKnife.bind(this, view);
        String tag = getArguments().getString(TAG);
        rvGoods.setLayoutManager(new ScrollGridLayoutManager(getContext(), 3, GridLayoutManager.VERTICAL, false) {
            @Override
            public boolean canScrollVertically() {
                return true;
            }
        });
        new GoodsFragmentPresenter(this).getSecondAndThirdCategory(tag);
    }

    @Override
    public void onDestroyView() {
        super.onDestroyView();
    }

    @Override
    public void onGetDataCompleted() {

    }

    @Override
    public void onGetDataError(Throwable e) {

    }

    @Override
    public void onGetDataNext(Object o) {

    }

    @Override
    public void onGetDataNext(List<Book> books, SectionedGridRecyclerViewAdapter.Section[] sections) {

        BooKGridLayoutAdapter booKGridLayoutAdapter = new BooKGridLayoutAdapter(getContext(), books);
        SectionedGridRecyclerViewAdapter sectionedAdapter = new SectionedGridRecyclerViewAdapter(getContext(), R.layout.layout_header_view, R.id.tv_header, rvGoods, booKGridLayoutAdapter);
        sectionedAdapter.setSections(sections);
        rvGoods.setAdapter(sectionedAdapter);
    }

    @Override
    public void onDestroy() {
        super.onDestroy();
    }
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46
  • 47
  • 48
  • 49
  • 50
  • 51
  • 52
  • 53
  • 54
  • 55
  • 56
  • 57
  • 58
  • 59
  • 60
  • 61
  • 62
  • 63
  • 64
  • 65
  • 66
  • 67
  • 68
  • 69
  • 70
  • 71
  • 72
  • 73
  • 74
  • 75
  • 76
  • 77
  • 78
  • 79
  • 80
  • 81
  • 82
  • 83
  • 84
  • 85
  • 86
  • 87
  • 88
  • 89
  • 90
  • 91

为了使右侧的recyclerview中的条目有分类，构建一个头部 
SectionedGridRecyclerViewAdapter.class

package com.zt.adapter;

import android.content.Context;
import android.support.v7.widget.GridLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.util.SparseArray;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;



import java.util.Arrays;
import java.util.Comparator;

/**
 * Created by haoran on 2017/4/11.
 */

public class SectionedGridRecyclerViewAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder> {

    private final Context mContext;
    private static final int SECTION_TYPE = 0;

    private boolean mValid = true;
    private int mSectionResourceId;
    private int mTextResourceId;
    private LayoutInflater mLayoutInflater;
    private RecyclerView.Adapter mBaseAdapter;
    private SparseArray<Section> mSections = new SparseArray<Section>();
    private RecyclerView mRecyclerView;


    public SectionedGridRecyclerViewAdapter(Context context, int sectionResourceId, int textResourceId,RecyclerView recyclerView,
                                            RecyclerView.Adapter baseAdapter) {

        mLayoutInflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        mSectionResourceId = sectionResourceId;
        mTextResourceId = textResourceId;
        mBaseAdapter = baseAdapter;
        mContext = context;
        mRecyclerView = recyclerView;

        mBaseAdapter.registerAdapterDataObserver(new RecyclerView.AdapterDataObserver() {
            @Override
            public void onChanged() {
                mValid = mBaseAdapter.getItemCount()>0;
                notifyDataSetChanged();
            }

            @Override
            public void onItemRangeChanged(int positionStart, int itemCount) {
                mValid = mBaseAdapter.getItemCount()>0;
                notifyItemRangeChanged(positionStart, itemCount);
            }

            @Override
            public void onItemRangeInserted(int positionStart, int itemCount) {
                mValid = mBaseAdapter.getItemCount()>0;
                notifyItemRangeInserted(positionStart, itemCount);
            }

            @Override
            public void onItemRangeRemoved(int positionStart, int itemCount) {
                mValid = mBaseAdapter.getItemCount()>0;
                notifyItemRangeRemoved(positionStart, itemCount);
            }
        });

        final GridLayoutManager layoutManager = (GridLayoutManager)(mRecyclerView.getLayoutManager());
        layoutManager.setSpanSizeLookup(new GridLayoutManager.SpanSizeLookup() {
            @Override
            public int getSpanSize(int position) {
                return (isSectionHeaderPosition(position))? layoutManager.getSpanCount() : 1 ;
            }
        });
    }


    public static class SectionViewHolder extends RecyclerView.ViewHolder {

        public TextView title;

        public SectionViewHolder(View view, int mTextResourceid) {
            super(view);
            title = (TextView) view.findViewById(mTextResourceid);
        }
    }

    @Override
    public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int typeView) {
        if (typeView == SECTION_TYPE) {
            final View view = LayoutInflater.from(mContext).inflate(mSectionResourceId, parent, false);
            return new SectionViewHolder(view,mTextResourceId);
        }else{
            return mBaseAdapter.onCreateViewHolder(parent, typeView -1);
        }
    }

    @Override
    public void onBindViewHolder(RecyclerView.ViewHolder sectionViewHolder, int position) {
        if (isSectionHeaderPosition(position)) {
            ((SectionViewHolder)sectionViewHolder).title.setText(mSections.get(position).title);
        }else{
            mBaseAdapter.onBindViewHolder(sectionViewHolder,sectionedPositionToPosition(position));
        }

    }

    @Override
    public int getItemViewType(int position) {
        return isSectionHeaderPosition(position)
                ? SECTION_TYPE
                : mBaseAdapter.getItemViewType(sectionedPositionToPosition(position)) +1 ;
    }


    public static class Section {
        int firstPosition;
        int sectionedPosition;
        CharSequence title;

        public Section(int firstPosition, CharSequence title) {
            this.firstPosition = firstPosition;
            this.title = title;
        }

        public CharSequence getTitle() {
            return title;
        }
    }


    public void setSections(Section[] sections) {
        mSections.clear();

        Arrays.sort(sections, new Comparator<Section>() {
            @Override
            public int compare(Section o, Section o1) {
                return (o.firstPosition == o1.firstPosition)
                        ? 0
                        : ((o.firstPosition < o1.firstPosition) ? -1 : 1);
            }
        });

        int offset = 0; // offset positions for the headers we're adding
        for (Section section : sections) {
            section.sectionedPosition = section.firstPosition + offset;
            mSections.append(section.sectionedPosition, section);
            ++offset;
        }

        notifyDataSetChanged();
    }

    public int positionToSectionedPosition(int position) {
        int offset = 0;
        for (int i = 0; i < mSections.size(); i++) {
            if (mSections.valueAt(i).firstPosition > position) {
                break;
            }
            ++offset;
        }
        return position + offset;
    }

    public int sectionedPositionToPosition(int sectionedPosition) {
        if (isSectionHeaderPosition(sectionedPosition)) {
            return RecyclerView.NO_POSITION;
        }

        int offset = 0;
        for (int i = 0; i < mSections.size(); i++) {
            if (mSections.valueAt(i).sectionedPosition > sectionedPosition) {
                break;
            }
            --offset;
        }
        return sectionedPosition + offset;
    }

    public boolean isSectionHeaderPosition(int position) {
        return mSections.get(position) != null;
    }


    @Override
    public long getItemId(int position) {
        return isSectionHeaderPosition(position)
                ? Integer.MAX_VALUE - mSections.indexOfKey(position)
                : mBaseAdapter.getItemId(sectionedPositionToPosition(position));
    }

    @Override
    public int getItemCount() {
        return (mValid ? mBaseAdapter.getItemCount() + mSections.size() : 0);
    }

}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46
  • 47
  • 48
  • 49
  • 50
  • 51
  • 52
  • 53
  • 54
  • 55
  • 56
  • 57
  • 58
  • 59
  • 60
  • 61
  • 62
  • 63
  • 64
  • 65
  • 66
  • 67
  • 68
  • 69
  • 70
  • 71
  • 72
  • 73
  • 74
  • 75
  • 76
  • 77
  • 78
  • 79
  • 80
  • 81
  • 82
  • 83
  • 84
  • 85
  • 86
  • 87
  • 88
  • 89
  • 90
  • 91
  • 92
  • 93
  • 94
  • 95
  • 96
  • 97
  • 98
  • 99
  • 100
  • 101
  • 102
  • 103
  • 104
  • 105
  • 106
  • 107
  • 108
  • 109
  • 110
  • 111
  • 112
  • 113
  • 114
  • 115
  • 116
  • 117
  • 118
  • 119
  • 120
  • 121
  • 122
  • 123
  • 124
  • 125
  • 126
  • 127
  • 128
  • 129
  • 130
  • 131
  • 132
  • 133
  • 134
  • 135
  • 136
  • 137
  • 138
  • 139
  • 140
  • 141
  • 142
  • 143
  • 144
  • 145
  • 146
  • 147
  • 148
  • 149
  • 150
  • 151
  • 152
  • 153
  • 154
  • 155
  • 156
  • 157
  • 158
  • 159
  • 160
  • 161
  • 162
  • 163
  • 164
  • 165
  • 166
  • 167
  • 168
  • 169
  • 170
  • 171
  • 172
  • 173
  • 174
  • 175
  • 176
  • 177
  • 178
  • 179
  • 180
  • 181
  • 182
  • 183
  • 184
  • 185
  • 186
  • 187
  • 188
  • 189
  • 190
  • 191
  • 192
  • 193
  • 194
  • 195
  • 196
  • 197
  • 198
  • 199
  • 200
  • 201
版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/weixin_37389474/article/details/77573614
barnett_y
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
微信小程序 三级分类（高仿淘宝页面分类）
su_1998的博客
08-11 4241
** 三级分类（高仿淘宝页面分类） ** 初步的二级页面参考的这个文章的代码：https://blog.csdn.net/luowei85520/article/details/90510311 这个基础上改成的淘宝三级分类 界面： 1、WXML代码 <view class="container"> <!-- 左边的 --> <scroll-view class='nav_left' scroll-y='true'> <!-- 一级 -->
Android一个RecyclerView实现三级、多级列表(TreeRecyclerView)
jlanglang的博客
12-11 1万+
前言不得不吐槽一下产品. 尼玛为啥要搞这样的功能…. 搞个两级的不就好了嘛…自带控件,多好. 三级,四级,听说还有六级的…. 这样丧心病狂的设计,后台也不好给数据吧.感谢这里得感谢Hongyang大神的博客 传送门先看看效果:两级的效果:三级的效果:全部展开的效果(我只写了五级)没设计布局,比较丑,哈哈. ————————————分割线————————————–说说为什么写这货吧:公司产
Android使用开源框架完成城市列表三级联动(从服务端获取数据源和自定义json数据源)
wangxueqing52的博客
06-21 4293
Android-PickerView使用步骤：1.添加Jcenter仓库 Gradle依赖：compile 'com.contrarywind:Android-PickerView:4.1.4'2.在Activity中添加如下代码：package com.xueqing.reclerview.activity; import android.graphics.Color; import andr...
使用 Jetpack Compose 实现 Android 偏好设置分类界面
最新发布
虎哥LoveDroid
06-05 502
使用 Jetpack Compose 的 Material Design 组件或自定义样式技术为您的偏好设置界面应用主题和样式，以创建视觉上吸引人和一致的用户界面。当偏好设置的值更改时，更新相应的 state 变量并触发重新组合以反映 UI 中的变化。请记住，为每种偏好设置类型提供适当的标签、描述和错误处理，以增强用户体验并使偏好设置界面直观且易于使用。，创建可组合函数来处理每种偏好设置类型。这些函数将定义每个偏好设置项的 UI。首先，定义数据模型来表示您的应用程序的偏好设置类别和偏好设置。
商品三级联动+android,Android PickerView实现三级联动效果
weixin_32391045的博客
05-31 288
github有一个开源控件pickerview，可以实现三级联动的效果。虽然该控件使用非常简单，但是填充数据异常繁琐。github上的demo在填充数据的时候是一条一条地填充的，代码过于冗余。下面提供一种简便的方式来实现。(1)在app目录下新建一个assets文件夹，将province_data.xml文件复制到该文件夹下，该xml文件里保存了全国的省市县的地址数据。(2)使用sax解析xml文...
Android Tree 展示多级分类
weixin_34346099的博客
05-21 113
2019独角兽企业重金招聘Python工程师标准>>> ...
Android仿京东地址选择-修改
09-30
本文将详细讲解如何实现“Android仿京东地址选择-修改”这一功能，主要涉及的技术点包括ViewPager、TabLayout以及自定义View。 首先，`ViewPager`是Android SDK中的一个视图容器，它可以展示多个页面并允许用户左右...
仿京东地区三级联动.zip
05-27
1. **HTML**：页面结构包括三个下拉列表（select元素），每个列表对应一级地区，它们通过JavaScript事件监听来实现联动。HTML可能会包含特定的ID或class，以便于JavaScript脚本进行操作。 2. **CSS**：为了使页面...
Android 仿京东侧滑筛选实例代码
08-30
在Android开发中，实现类似京东应用的侧滑筛选功能是一项常见的需求。...以上就是Android中仿京东侧滑筛选功能的实现方式，希望对开发者有所帮助。实际开发过程中，根据项目需求可能还需要进行一些调整和优化。
android仿京东商城demo
05-15
【Android仿京东商城Demo详解】 在Android开发领域，学习并模仿成熟的应用如京东商城的界面设计和功能实现，是提升自身技能的有效途径。这个“android仿京东商城demo”项目，旨在帮助开发者理解并掌握Android UI...
android省市区城市三级列表选择
08-01
Android 支持省市区三级城市选择，并实现了三级联动，内附db文件，有需要的同学可以参考一下
下拉菜单式三级分类
11-16
仿美团、大众等的分类，相比二级进行了扩展，实现了三级分类。
Android 界面菜单，支持二级分类显示.rar
07-10
Android 界面菜单，支持二级分类显示，原型是一个电脑配件耗材手机应用使用的菜单，可分类显示子菜单，对于Android应用程序来说，这种菜单是很基础的，有必要初学者学习哦。
android-Data Binding+recycleview打造二三级都可以选择的三级列表
热门推荐
Daxue_haha的博客
09-08 2万+
效果图 这是前段时间做得一个项目需求，要求能够选择选择第二级和第三级的一个三级列表，话不多说了，看代码吧 一、项目配置 由于这个项目早期的框架用的是databing，关于databing的一些介绍就不写了，只是贴出来一些gradle的必要的配置//这个是databing的 android { dataBinding { enabled = true } }//这是
Android 三级列表
Bu_siliang的博客
07-23 2387
最近项目有用到一个三级列表，本想自己的写，问了下度娘发现已经有大神写好的。所以拿来借此一用了。 为了以后的方便使用就把他封装成一个工具类： 添加依赖： //三级列表 compile ‘com.contrarywind:Android-PickerView:4.1.5’ 首先我们要创建一个assets（网络获取的话不需要）文件夹 2:我将三级列表...
android 三级级联筛选列表
再见孙悟空的专栏
04-03 6151
三级级联关系的列表，上面是我项目做出来的效果图，这个是单选的效果。实现的思路：左边这个是listView ,右边是两级的expandListView将这两个view 动态放到viewpager里面 设置好比例，剩下的就是处理点击联动事件了。大体代码如下：activity中 放viewpager的xml &lt;LinearLayout andro...
android 三级联动
oneblue123的博客
04-10 259
https://download.csdn.net/download/oneblue123/10339908
android 读取自定义xml文件路径,仿京东商城系列18------xml文件读取（地址选择器）...
05-20
要在Android中读取自定义的XML文件，可以使用以下步骤： 1. 在res目录下创建一个新的XML文件夹（如果不存在），并将自定义XML文件放在其中。例如，可以在res目录下创建一个名为xml的文件夹，并将自定义XML文件命名...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值