将RecyclerView变为可以左右上下滑动的Excel时间表格

最新推荐文章于 2024-05-24 16:17:42 发布

qq_33925919

最新推荐文章于 2024-05-24 16:17:42 发布

阅读量2.9k

点赞数 5

分类专栏： Android开发文章标签： SuperRecyclerView Excel表格日期表

本文链接：https://blog.csdn.net/qq_33925919/article/details/76281918

版权

Android开发专栏收录该内容

2 篇文章 0 订阅

订阅专栏

这篇博客作为我写博客之旅的开篇之作，是希望以一个结构清晰的优质代码内容来开启。之前在进行Android开发的过程中，一直都是作为一个汲取者，取猎各位大神们的作品。让我一直觉得很好意思呀。同享一个平台，也希望自己能成为一个优质代码提供者呀。让彼此在开发过程中，都少走弯路，共同进步。废话说了这么多，自己都嫌麻烦了。直接上效果图：

实现此效果的关键简单来说就在于： 滚动ListView填入横向滚动HorizontalScrollView中

当然，需要处理的细节还是很多。我会将完整代码以及Demo附上，方便大家查看，使用。

为了便于观看，我就先从MainActivity的代码，来讲起。当然，讲解就不多说了。主要是代码。代码注释部分已经很多了，每一个细节也都进行了标注。绝对能让大家看得懂，看得明白。

1、MainActivity：

package com.example.administrator.timetabledemo;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.support.v7.widget.LinearLayoutManager;

import com.example.administrator.timetabledemo.adapter.TimeTableAdapter;
import com.example.administrator.timetabledemo.view.TableListRecyclerView;

import java.util.ArrayList;
import java.util.List;
/**
 * Created by YangHao on 2017/7/28 0028.
 */
public class MainActivity extends AppCompatActivity {
    TableListRecyclerView tableListRecyclerView; //重写的SuperRecyclerView
    TimeTableAdapter timeTableAdapter;
    private List<String> list;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initView();
        initData();
    }

    private void initView() {
        tableListRecyclerView = (TableListRecyclerView) findViewById(R.id.rv_data);
    }

    private void initData() {
        /**
         * 必须重写 LinearLayoutManager方法 、
         * 避免 ScrollView 与 RecyclerView 滑动冲突
         * 关闭 RecyclerView的 纵向 滚动事件 即可
         */
        LinearLayoutManager linearLayoutManager = new LinearLayoutManager(this){
            @Override
            public boolean canScrollVertically() {
                return false;
            }
        };
        tableListRecyclerView.setLayoutManager(linearLayoutManager);
        tableListRecyclerView.setRefreshEnabled(false); //关闭 下拉刷新
        tableListRecyclerView.setLoadMoreEnabled(false);//关闭 上拉加载更多
        list = new ArrayList<>();
        timeTableAdapter = new TimeTableAdapter(this,list);
        tableListRecyclerView.setAdapter(timeTableAdapter);
        upDataList();
    }
    // 写入 时间格 数据内容
    private void upDataList() {
        /**
         *  将 一天 24 小时 以 半小时为节点 拆分开
         *  从 -1 开始 因为 有一个抬头 数据 需要 多一行
         */
        for (int i = -1; i < 48; i++) {
            StringBuffer hour = new StringBuffer(); // StringBuffer 效率 高于 String  在当前存放地址改变 数据内容
            if(i<20){
                hour.append("0"+i/2);
            }else {
                hour.append(i/2+"");
            }
            if(i%2 == 0){
                hour.append(":00");
            }else {
                hour.append(":30");
            }
            list.add(hour.toString());
        }
        timeTableAdapter.setEmptyTimeList();
    }
}

2.对应的Adapter：

package com.example.administrator.timetabledemo.adapter;

import android.content.Context;
import android.view.View;
import android.widget.TextView;

import com.example.administrator.timetabledemo.R;
import com.example.administrator.timetabledemo.utils.ConstantUtils;
import com.superrecycleview.superlibrary.adapter.BaseViewHolder;
import com.superrecycleview.superlibrary.adapter.SuperBaseAdapter;

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


/**
 * Created by YangHao on 2017/7/28 0025.
 */

public class TimeTableAdapter extends SuperBaseAdapter<String> {

    private final int HEAD_TYPE = 1;
    private final int TIME_TYPE = 2;

    private Context context;
    private List<String> timeTableList;
    private Map<Integer,List<Boolean>>integerListMap;   //存放当前 时间格 是否被选中的 Map集合

    public TimeTableAdapter(Context context) {
        super(context);
    }

    public TimeTableAdapter(Context context, List<String> data) {
        super(context, data);
        this.context = context;
        timeTableList = data;
        integerListMap = new HashMap<>();
    }
    /**
     * 处理数据 View填充内容
     * */
    @Override
    protected void convert(BaseViewHolder holder, String item, final int position) {
        switch (getAdapterItemType(position)){
            case HEAD_TYPE:         //顶部的日期表
                TextView head1 = holder.getView(R.id.head1);
                TextView head2 = holder.getView(R.id.head2);
                TextView head3 = holder.getView(R.id.head3);
                TextView head4 = holder.getView(R.id.head4);
                TextView head5 = holder.getView(R.id.head5);
                TextView head6 = holder.getView(R.id.head6);
                TextView head7 = holder.getView(R.id.head7);
                TextView head21 = holder.getView(R.id.head21);
                TextView head22 = holder.getView(R.id.head22);
                TextView head23 = holder.getView(R.id.head23);
                TextView head24 = holder.getView(R.id.head24);
                TextView head25 = holder.getView(R.id.head25);
                TextView head26 = holder.getView(R.id.head26);
                TextView head27 = holder.getView(R.id.head27);
                // 放入数组中 统一管理 View 优化代码量（处理方式一样 放入更便捷）
                TextView[] viewDates = {head1,head2,head3,head4,head5,head6,head7};
                TextView[] viewWays = {head21,head22,head23,head24,head25,head26,head27};
                // 从 常量工具类中 获取 当前 日期时间 集合
                List<String> dates = ConstantUtils.getInstance().get7Date();
                List<String> ways = ConstantUtils.getInstance().get7Ways();

                for (int i = 0; i < dates.size(); i++) {
                    viewDates[i].setText(dates.get(i));
                    viewWays[i].setText(ways.get(i));
                }

                break;
            case TIME_TYPE:     // 单位时间表
                TextView time1 = holder.getView(R.id.time1);
                TextView time2 = holder.getView(R.id.time2);
                TextView time3 = holder.getView(R.id.time3);
                TextView time4 = holder.getView(R.id.time4);
                TextView time5 = holder.getView(R.id.time5);
                TextView time6 = holder.getView(R.id.time6);
                TextView time7 = holder.getView(R.id.time7);

                final TextView timeTexts[] = {time1,time2,time3,time4,time5,time6,time7};
                for (int i = 0; i < timeTexts.length; i++) {
                    timeTexts[i].setText(item);
                }
                //填充 时间格 当前所处状态
                List<Boolean> booleanList = integerListMap.get(position);
                for (int i = 0; i < booleanList.size(); i++) {
                    if(booleanList.get(i)){
                        timeTexts[i].setBackgroundResource(R.drawable.text_view_frame);
                        timeTexts[i].setTextColor(context.getResources().getColor(R.color.grass_green));

                    }else {
                        timeTexts[i].setTextColor(context.getResources().getColor(R.color.gray));
                        timeTexts[i].setBackgroundResource(R.drawable.text_view_no_frame);
                    }
                }
                /**
                 *  对时间格 点击状态的处理 同样 放在 数组中 统一管理（优化代码量）
                 *  处理方式：先改变当前状态 之后改变 存放状态的 数据内容
                 *  直接处理的优点： 减少页面整体的 重刷次数
                 */
                for (int i = 0; i < timeTexts.length; i++) {
                    final int finalI = i;
                    timeTexts[i].setOnClickListener(new View.OnClickListener() {
                        @Override
                        public void onClick(View v) {
                            boolean b = integerListMap.get(position).get(finalI);
                            if(!b){ //被点击后 当前 是 未被选中的状态 即false时，变为选中状态
                                timeTexts[finalI].setBackgroundResource(R.drawable.text_view_frame);
                                timeTexts[finalI].setTextColor(context.getResources().getColor(R.color.grass_green));
                            }else {
                                timeTexts[finalI].setBackgroundResource(R.drawable.text_view_no_frame);
                                timeTexts[finalI].setTextColor(context.getResources().getColor(R.color.gray));
                            }
                            integerListMap.get(position).set(finalI,!b);
                        }
                    });
                }
                break;
        }
    }

    /**
     *  获取多布局对应的 布局样式
     */
    @Override
    protected int getItemViewLayoutId(int position, String item) {
        switch (getAdapterItemType(position)){
            case HEAD_TYPE:
                return R.layout.item_time_head;
            case TIME_TYPE:
                return R.layout.item_time_data;
        }
        return 0;
    }
    // 布局类型
    private int getAdapterItemType(int position){
       if(position == 0){
           return HEAD_TYPE;
       }else {
           return TIME_TYPE;
       }
    }
    /**写入数据 更新数据*/
    public void setEmptyTimeList(){
        for (int i = 0; i < timeTableList.size(); i++) {
            List<Boolean>list2 = new ArrayList<>();
            for (int j = 0; j < 7; j++) {
                list2.add(false);
            }
            integerListMap.put(i,list2);
        }
    }
    /** 返回所有的数据 即可以返回 处于选中状态的数据 */
    public Map<Integer,List<Boolean>> getAllListData(){
        return integerListMap;
    }
}

3.三个重写的View类：

（1）HorizontalScrollView

package com.example.administrator.timetabledemo.view;

import android.content.Context;
import android.util.AttributeSet;
import android.view.View;
import android.widget.HorizontalScrollView;

/**
 * Created by YangHao on 2017/7/28 0024.
 * 重写 横向滚动 （并未使用到）
 * 当 头部 日期 数据 与 时间格 拆分开 存入 不同的 HorizontalScrollView 是会被用到的
 */

public class SyncHorizontalScrollView extends HorizontalScrollView {
    private View mView;

    public SyncHorizontalScrollView(Context context) {
        super(context);
    }

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

    public SyncHorizontalScrollView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    protected void onScrollChanged(int l, int t, int oldl, int oldt) {
        super.onScrollChanged(l, t, oldl, oldt);
        if (mView != null) {
            mView.scrollTo(l, t);
        }
    }
    // 写入 同步滚动的 View
    public void setScrollView(View view) {
        mView = view;
    }
}

（2）.重写SuperRecyclerView 重新绘制高度使得内容可以填满 ScrollView

package com.example.administrator.timetabledemo.view;

import android.content.Context;
import android.util.AttributeSet;
import android.view.View;

import com.superrecycleview.superlibrary.recycleview.SuperRecyclerView;

/**
 * Created by YangHao on 2017/7/28 0025.
 * SuperRecyclerView  RecyclerView 的 二次封装
 *   处理更加方便： （下次抽空 可以 详细介绍一下 SuperRecyclerView的 使用 以及 源码 解析）
 *   简单介绍一下优点：
 *   1、 不需要在写 ViewHolder类；
 *   2、 集成了 上拉记载 下拉刷新；
 *   3、可以不需要在Adapter中处理头部数据  外边可以添加 头部内容 而且加几个都很方便
 */

public class TableListRecyclerView extends SuperRecyclerView {

    public TableListRecyclerView(Context context) {
        super(context);
    }

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

    public TableListRecyclerView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
    }
    // 高度重新绘制 的 方法 高度最大化 避免 RecyclerView 展示不全
    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        int expandSpec = View.MeasureSpec.makeMeasureSpec(Integer.MAX_VALUE >> 2, View.MeasureSpec.AT_MOST);
        super.onMeasure(widthMeasureSpec, expandSpec);
    }

}

(3).重写 ScrollView 可以实现ScrollView的上拉下拉返回弹框（此块内容借鉴来自网友博客）

package com.example.administrator.timetabledemo.view;

/**
 * Created by YangHao on 2017/7/28 0028.
 */

import android.content.Context;
import android.graphics.Rect;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
import android.view.animation.TranslateAnimation;
import android.widget.ScrollView;

/**
 * 有弹性的ScrollView
 * 实现下拉弹回和上拉弹回
 */
public class ReboundScrollView extends ScrollView {

    private static final String TAG = "ElasticScrollView";

    //移动因子, 是一个百分比, 比如手指移动了100px, 那么View就只移动50px
    //目的是达到一个延迟的效果
    private static final float MOVE_FACTOR = 0.5f;

    //松开手指后, 界面回到正常位置需要的动画时间
    private static final int ANIM_TIME = 300;

    //ScrollView的子View， 也是ScrollView的唯一一个子View
    private View contentView;

    //手指按下时的Y值, 用于在移动时计算移动距离
    //如果按下时不能上拉和下拉， 会在手指移动时更新为当前手指的Y值
    private float startY;

    //用于记录正常的布局位置
    private Rect originalRect = new Rect();

    //手指按下时记录是否可以继续下拉
    private boolean canPullDown = false;

    //手指按下时记录是否可以继续上拉
    private boolean canPullUp = false;

    //在手指滑动的过程中记录是否移动了布局
    private boolean isMoved = false;

    public ReboundScrollView(Context context) {
        super(context);
    }

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

    @Override
    protected void onFinishInflate() {
        if (getChildCount() > 0) {
            contentView = getChildAt(0);
        }
    }

    @Override
    protected void onLayout(boolean changed, int l, int t, int r, int b) {
        super.onLayout(changed, l, t, r, b);

        if (contentView == null) return;

        //ScrollView中的唯一子控件的位置信息, 这个位置信息在整个控件的生命周期中保持不变
        originalRect.set(contentView.getLeft(), contentView.getTop(), contentView
                .getRight(), contentView.getBottom());
    }

    /**
     * 在触摸事件中, 处理上拉和下拉的逻辑
     */
    @Override
    public boolean dispatchTouchEvent(MotionEvent ev) {

        if (contentView == null) {
            return super.dispatchTouchEvent(ev);
        }

        int action = ev.getAction();

        switch (action) {
            case MotionEvent.ACTION_DOWN:

                //判断是否可以上拉和下拉
                canPullDown = isCanPullDown();
                canPullUp = isCanPullUp();

                //记录按下时的Y值
                startY = ev.getY();
                break;

            case MotionEvent.ACTION_UP:

                if (!isMoved) break;  //如果没有移动布局， 则跳过执行

                // 开启动画
                TranslateAnimation anim = new TranslateAnimation(0, 0, contentView.getTop(),
                        originalRect.top);
                anim.setDuration(ANIM_TIME);

                contentView.startAnimation(anim);

                // 设置回到正常的布局位置
                contentView.layout(originalRect.left, originalRect.top,
                        originalRect.right, originalRect.bottom);

                //将标志位设回false
                canPullDown = false;
                canPullUp = false;
                isMoved = false;

                break;
            case MotionEvent.ACTION_MOVE:

                //在移动的过程中， 既没有滚动到可以上拉的程度， 也没有滚动到可以下拉的程度
                if (!canPullDown && !canPullUp) {
                    startY = ev.getY();
                    canPullDown = isCanPullDown();
                    canPullUp = isCanPullUp();

                    break;
                }

                //计算手指移动的距离
                float nowY = ev.getY();
                int deltaY = (int) (nowY - startY);

                //是否应该移动布局
                boolean shouldMove =
                        (canPullDown && deltaY > 0)    //可以下拉， 并且手指向下移动
                                || (canPullUp && deltaY < 0)    //可以上拉， 并且手指向上移动
                                || (canPullUp && canPullDown); //既可以上拉也可以下拉（这种情况出现在ScrollView包裹的控件比ScrollView还小）

                if (shouldMove) {
                    //计算偏移量
                    int offset = (int) (deltaY * MOVE_FACTOR);

                    //随着手指的移动而移动布局
                    contentView.layout(originalRect.left, originalRect.top + offset,
                            originalRect.right, originalRect.bottom + offset);

                    isMoved = true;  //记录移动了布局
                }

                break;
            default:
                break;
        }

        return super.dispatchTouchEvent(ev);
    }


    /**
     * 判断是否滚动到顶部
     */
    private boolean isCanPullDown() {
        return getScrollY() == 0 ||
                contentView.getHeight() < getHeight() + getScrollY();
    }

    /**
     * 判断是否滚动到底部
     */
    private boolean isCanPullUp() {
        return contentView.getHeight() <= getHeight() + getScrollY();
    }

}

4、附上封装好的当前时间工具类

package com.example.administrator.timetabledemo.utils;

import java.text.SimpleDateFormat;
import java.util.ArrayList;
import java.util.Calendar;
import java.util.List;
import java.util.TimeZone;

/**
 * Created by YangHao on 2017/7/28   0025.
 *  常量工具类
 */

public class ConstantUtils {
    private static ConstantUtils constantUtils;
    private ConstantUtils(){}
    public static ConstantUtils getInstance(){
        if(constantUtils == null){
            constantUtils = new ConstantUtils();
        }
        return constantUtils;
    }
    /**
     * 日期类
     */
    private String mYear;
    private String mMonth;
    private String mDay;
    private String mWay;
    private Calendar calendar = Calendar.getInstance();
    public void setNowDate(){
        calendar.setTimeZone(TimeZone.getTimeZone("GMT+8:00"));
        mYear = String.valueOf(calendar.get(Calendar.YEAR)); // 获取当前年份  
        mMonth = String.valueOf(calendar.get(Calendar.MONTH) + 1);// 获取当前月份  
        mDay = String.valueOf(calendar.get(Calendar.DAY_OF_MONTH));// 获取当前月份的日期号码  
        mWay = String.valueOf(calendar.get(Calendar.DAY_OF_WEEK));
        if("1".equals(mWay)){
            mWay ="星期天";
        }else if("2".equals(mWay)){
            mWay ="星期一";
        }else if("3".equals(mWay)){
            mWay ="星期二";
        }else if("4".equals(mWay)){
            mWay ="星期三";
        }else if("5".equals(mWay)){
            mWay ="星期四";
        }else if("6".equals(mWay)){
            mWay ="星期五";
        }else if("7".equals(mWay)){
            mWay ="星期六";
        }
    }
    /**获取当前周几*/
    public String getTodayWay(){
        calendar.setTimeZone(TimeZone.getTimeZone("GMT+8:00"));
        String mWay = String.valueOf(calendar.get(Calendar.DAY_OF_WEEK));
        if("1".equals(mWay)){
            mWay ="星期天";
        }else if("2".equals(mWay)){
            mWay ="星期一";
        }else if("3".equals(mWay)){
            mWay ="星期二";
        }else if("4".equals(mWay)){
            mWay ="星期三";
        }else if("5".equals(mWay)){
            mWay ="星期四";
        }else if("6".equals(mWay)){
            mWay ="星期五";
        }else if("7".equals(mWay)){
            mWay ="星期六";
        }
        return mWay;
    }
    /**获取未来一周星期集合*/
    public List<String> get7Ways(){
        calendar.setTimeZone(TimeZone.getTimeZone("GMT+8:00"));
        String todayWay = getTodayWay();
        String mWay = String.valueOf(calendar.get(Calendar.DAY_OF_WEEK));
        String []strings = {"星期天","星期一","星期二","星期三","星期四","星期五","星期六",};
        int t = -1;
        List<String> ways = new ArrayList<>();
        for (int i = 0; i < 7; i++) {
            if(todayWay.equals(strings[i])){
                t = i;
                int j = i;
                for (; t < j+7; t++) {
                    ways.add(strings[t%7]);
                }
            }
        }
        return ways;
    }

    /** 返回 01-01 样式的 日期 */
    public String getMMdd(){
        SimpleDateFormat simpleDateFormat = new SimpleDateFormat("MM-dd");
        String date = simpleDateFormat.format(calendar.getTime());
        return date;
    }
    /**
     * 返回今天往后一星期的集合
     */
    public List<String> get7Date() {
        List<String> dates = new ArrayList<String>();
        final Calendar c = Calendar.getInstance();
        c.setTimeZone(TimeZone.getTimeZone("GMT+8:00"));
        SimpleDateFormat sim = new SimpleDateFormat("MM-dd");
        String date = sim.format(c.getTime());
        dates.add(date);
        for (int i = 0; i < 6; i++) {
            c.add(Calendar.DAY_OF_MONTH, 1);
            date = sim.format(c.getTime());
            dates.add(date);
        }
        return dates;
    }

}

5、接下来就是很重要的布局样式了。
（1）首先是MainActivity的：

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

    <com.example.administrator.timetabledemo.view.ReboundScrollView
        android:id="@+id/scroll_content"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:overScrollMode="never"
        android:scrollbars="none">

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



            <LinearLayout
                android:id="@+id/lin_data_content"
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_weight="3"
                android:orientation="vertical">

                <com.example.administrator.timetabledemo.view.SyncHorizontalScrollView
                    android:id="@+id/data_horizontal"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:overScrollMode="never"
                    android:scrollbars="none">

                    <com.example.administrator.timetabledemo.view.TableListRecyclerView
                        android:id="@+id/rv_data"
                        android:layout_width="match_parent"
                        android:layout_height="match_parent"
                        android:overScrollMode="never"
                        />
                </com.example.administrator.timetabledemo.view.SyncHorizontalScrollView>
            </LinearLayout>
        </LinearLayout>
    </com.example.administrator.timetabledemo.view.ReboundScrollView>
</LinearLayout>

（2）时间表头布局的

<?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="vertical">
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:orientation="vertical"
        android:layout_marginTop="18dp"
        android:background="#f4f4f4"
        android:paddingTop="5dp"
        android:paddingBottom="5dp"
        >
        <LinearLayout
            android:id="@+id/lin_content"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            >
            <TextView
                android:id="@+id/head1"
                android:layout_width="90dp"
                android:layout_height="20dp"
                android:layout_gravity="center"
                android:gravity="center"
                
                android:text="1"/>


            <TextView
                android:id="@+id/head2"
                android:layout_width="90dp"
                android:layout_height="20dp"
                android:layout_gravity="center"
                android:gravity="center"
               
                android:text="2" />


            <TextView
                android:layout_width="90dp"
                android:layout_height="20dp"
                android:layout_gravity="center"
                android:gravity="center"
                android:id="@+id/head3"
               
                android:text="3"/>

            <TextView
                android:layout_width="90dp"
                android:layout_height="20dp"
                android:layout_gravity="center"
                android:gravity="center"
                android:id="@+id/head4"
               
                android:text="4"/>


            <TextView
                android:layout_width="90dp"
                android:layout_height="20dp"
                android:layout_gravity="center"
                android:gravity="center"
                android:id="@+id/head5"
               
                android:text="5"/>


            <TextView
                android:layout_width="90dp"
                android:layout_height="20dp"
                android:layout_gravity="center"
                android:gravity="center"
                android:id="@+id/head6"
               
                android:text="6"/>

            <TextView
                android:layout_width="90dp"
                android:layout_height="20dp"
                android:layout_gravity="center"
                android:gravity="center"
                android:id="@+id/head7"
               
                android:text="7"/>


        </LinearLayout>
        <LinearLayout
            android:id="@+id/lin_content_way"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            >

            <TextView
                android:id="@+id/head21"
                android:layout_width="90dp"
                android:layout_height="20dp"
                android:layout_gravity="center"
                android:gravity="center"
               
                android:text="1"/>


            <TextView
                android:id="@+id/head22"
                android:layout_width="90dp"
                android:layout_height="20dp"
                android:layout_gravity="center"
                android:gravity="center"
               
                android:text="2" />


            <TextView
                android:layout_width="90dp"
                android:layout_height="20dp"
                android:layout_gravity="center"
                android:gravity="center"
                android:id="@+id/head23"
               
                android:text="3"/>

            <TextView
                android:layout_width="90dp"
                android:layout_height="20dp"
                android:layout_gravity="center"
                android:gravity="center"
                android:id="@+id/head24"
               
                android:text="4"/>


            <TextView
                android:layout_width="90dp"
                android:layout_height="20dp"
                android:layout_gravity="center"
                android:gravity="center"
                android:id="@+id/head25"
               
                android:text="5"/>


            <TextView
                android:layout_width="90dp"
                android:layout_height="20dp"
                android:layout_gravity="center"
                android:gravity="center"
                android:id="@+id/head26"
               
                android:text="6"/>

            <TextView
                android:layout_width="90dp"
                android:layout_height="20dp"
                android:layout_gravity="center"
                android:gravity="center"
                android:id="@+id/head27"
               
                android:text="7"/>


        </LinearLayout>
    </LinearLayout>
    
</LinearLayout>

（3）时间表时间格内容的

<?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="vertical">

    <LinearLayout
        android:id="@+id/lin_content"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:orientation="horizontal">

        <TextView
            android:id="@+id/time1"
            android:layout_width="70dp"
            android:layout_height="30dp"
            android:layout_gravity="center"
            android:gravity="center"
            android:text="00:00"
            android:layout_margin="10dp"
            />


        <TextView
            android:id="@+id/time2"
            android:layout_width="70dp"
            android:layout_height="30dp"
            android:layout_gravity="center"
            android:gravity="center"
            android:text="00:00"
            android:layout_margin="10dp"
            />
        <TextView
            android:id="@+id/time3"
            android:layout_width="70dp"
            android:layout_height="30dp"
            android:layout_gravity="center"
            android:gravity="center"
            android:layout_margin="10dp"
            android:text="00:00"/>


        <TextView
            android:id="@+id/time4"
            android:layout_width="70dp"
            android:layout_height="30dp"
            android:layout_gravity="center"
            android:gravity="center"
            android:layout_margin="10dp"
            android:text="00:00"/>


        <TextView
            android:id="@+id/time5"
            android:layout_width="70dp"
            android:layout_height="30dp"
            android:layout_gravity="center"
            android:gravity="center"
            android:layout_margin="10dp"
            android:text="00:00"/>


        <TextView
            android:id="@+id/time6"
            android:layout_width="70dp"
            android:layout_height="30dp"
            android:layout_gravity="center"
            android:gravity="center"
            android:layout_margin="10dp"
            android:text="00:00"/>


        <TextView
            android:id="@+id/time7"
            android:layout_width="70dp"
            android:layout_height="30dp"
            android:layout_gravity="center"
            android:gravity="center"
            android:layout_margin="10dp"
            android:text="00:00"/>

        <!--<View-->
            <!--android:layout_width="1px"-->
            <!--android:layout_height="30dp"-->
            <!--android:background="#cccccc"/>-->
    </LinearLayout>
</LinearLayout>

（4）然后需要的就是两个对应的drawable样式了。这个直接附代码

1 、text_view_frame

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 实心 -->
    <solid android:color="@android:color/white" />
    <!-- 边框 -->
    <stroke
        android:width="0.5dp"
        android:color="@color/grass_green" />
    <!-- 圆角 -->
    <corners android:radius="10dp" />
    <!-- 边距 -->
    <padding
        android:bottom="5dp"
        android:left="5dp"
        android:right="5dp"
        android:top="5dp" />
</shape>

2、text_view_no_frame

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

</selector>

这三种布局都是很简单的样式的，就不给大家附图了。

附言：其中用到了 SuperRecyclerView ，需要的jar包呢，大家直接在demo中就可以找到，当然 apk文件也附在其中。

最后附上demo下载链接（没有下载积分的哦）：点击打开链接

祝各位码农大家生活娱乐，技能步步升。

qq_33925919

关注

5
点赞
踩
13

收藏

觉得还不错? 一键收藏
0
评论
将RecyclerView变为可以左右上下滑动的Excel时间表格

这篇博客作为我写博客之旅的开篇之作，是希望以略显水平的代码来作为开篇的。之前在进行Android开发的过程中，一直都是作为一个汲取者，来取猎各位博友的劳作。让我一直觉得愧疚的很呀。同享一片共享平台，也希望能尽自己的力来给各位博友提供一些优质代码。让彼此在开发过程中，都少走弯路，共同进步。废话说了这么多，自己都嫌麻烦了。直接上效果图。
复制链接

扫一扫