仿蘑菇街首页升级版

最近实在是太忙了，已经很久没写了，感觉再不逼下自己，新年订的每个月写至少1－2篇的计划3月份就要被打破了，这样可不好。上次写了一篇仿蘑菇街首页的demo，用的是自定义了一个ViewGroup的方式，然后又当爹又当妈，写了自己写了滑动，又写了事件的分发拦截，真的是，要写的东西太多了，而且相对也比较的复杂。

今天打算实现基本相同的效果，为了方便起见，把ViewPager换成了RecyclerView，其实道理是基本一样的，但是实现起来绝对的简单方便轻松愉快，安卓6.0给我们准备了一个超棒超棒的控件，CoordinatorLayout，简简单单的写几行代码就能实现之前很繁琐的效果，特意写了两个demo，一个用上一篇的事件分发机制来处理，一个就是超级超级方便的布局就可以搞定，重点介绍CoordinatorLayout。

直接上代码：

这是布局文件，也就是重点的重点：

 

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:card_view="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <android.support.design.widget.CoordinatorLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <android.support.design.widget.AppBarLayout
            android:id="@+id/app_bar_layout"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@android:color/transparent"
            android:orientation="vertical"
            app:elevation="0dp"
            app:layout_behavior="com.jiangjieqiang.xmdddemo.util.FlingBehavior">

            <!-- 顶上面的布局-->
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="vertical"
                app:layout_scrollFlags="scroll|enterAlwaysCollapsed|enterAlways">

                <RelativeLayout
                    android:layout_width="match_parent"
                    android:layout_height="200dp"
                    android:background="@mipmap/btn_avatar_bg"></RelativeLayout>

            </LinearLayout>

            <!-- 中间停滞的布局-->
            <RelativeLayout
                android:layout_width="match_parent"
                android:layout_height="100dp"
                android:background="#000000">

            </RelativeLayout>

        </android.support.design.widget.AppBarLayout>

        <android.support.v7.widget.RecyclerView xmlns:app="http://schemas.android.com/apk/res-auto"
            android:id="@+id/recycler_main"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            app:layout_behavior="@string/appbar_scrolling_view_behavior" />

    </android.support.design.widget.CoordinatorLayout>


</RelativeLayout>

 

 

之后就是在MainActivity里把RecyclerView填充一下了：

 

public class MainActivity extends AppCompatActivity {

    @Bind(R.id.recycler_main)
    RecyclerView recyclerView;
    private List<String> mDatas;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        ButterKnife.bind(this);
        initData();
        initRecycler();
    }

    private void initData() {
        mDatas = new ArrayList<String>();
        for (int i = 'A'; i < 'z'; i++)
        {
            mDatas.add("" + (char) i);
        }
    }

    private void initRecycler() {

        recyclerView.setLayoutManager(new LinearLayoutManager(this));
        recyclerView.setAdapter(new MyAdapter());

    }

    class MyAdapter extends RecyclerView.Adapter<MyAdapter.MyViewHolder>
    {

        @Override
        public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType)
        {
            MyViewHolder holder = new MyViewHolder(LayoutInflater.from(
                    MainActivity.this).inflate(R.layout.layout_item, parent,
                    false));
            return holder;
        }

        @Override
        public void onBindViewHolder(MyViewHolder holder, int position)
        {
            holder.tv.setText(mDatas.get(position));
        }

        @Override
        public int getItemCount()
        {
            return mDatas.size();
        }

        class MyViewHolder extends RecyclerView.ViewHolder
        {

            TextView tv;

            public MyViewHolder(View view)
            {
                super(view);
                tv = (TextView) view.findViewById(R.id.text_num);
            }
        }
    }

}