本文出自簡書：堯沐，如需轉載請標明出處，尊重原創(chuàng)謝謝
博客地址：http://www.itdecent.cn/p/6f40fb8d64e6
自定義View學習很久了,一直想寫點什么鞏固一下自己，從最簡單的自定一個日歷開始吧
組合控件就是用系統(tǒng)已經封裝好的東西然后加以組合形成一個我們需要的東西，相對于各種畫出來的簡單很多很多。由易到難

1507346319(1).jpg

首先我們看一下日歷-沒錯這就是win10自帶的 注意看紅色字體，是每個地方的組成，這么一看是不是簡單很多很多

接下來寫布局- -寫布局注意幾點 不要嵌套很深，這樣解析會慢（最近看書學的優(yōu)化~ ~）
說實在的很不想寫布局這種東西 麻煩的一逼 你就當我寫好了吧- -

因為是組合控件 所以就不是繼承VIew 而是一個布局 我這里繼承線性布局

然后實現(xiàn)三個構造方法

   @RequiresApi(api = Build.VERSION_CODES.N)
    public DataView(Context context) {
        super(context);
        initFindIdAndLinsen(context);
    }

    @RequiresApi(api = Build.VERSION_CODES.N)
    public DataView(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
        initFindIdAndLinsen(context);
    }

    @RequiresApi(api = Build.VERSION_CODES.N)
    public DataView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        initFindIdAndLinsen(context);
    }

initFindIdAndLinsen 這個方法是綁定控件以及設置監(jiān)聽
里面的代碼很簡單

    @RequiresApi(api = Build.VERSION_CODES.N)
    private void initFindIdAndLinsen(final Context context) {
        LayoutInflater inflater = LayoutInflater.from(context);
        inflater.inflate(R.layout.view_calendar, this);

        mWeekUp = (ImageView) findViewById(R.id.week_up);
        mWeeknExt = (ImageView) findViewById(R.id.weekn_ext);
        mWeekToday = (TextView) findViewById(R.id.week_today);
        mWeekRecy = (RecyclerView) findViewById(R.id.week_recy);

        renderCalender(context);

        mWeekUp.setOnClickListener(new OnClickListener() {
            @RequiresApi(api = Build.VERSION_CODES.N)
            @Override
            public void onClick(View v) {
                calendata.add(Calendar.MONTH, -1);
                renderCalender(context);
            }


        });
        mWeeknExt.setOnClickListener(new OnClickListener() {
            @RequiresApi(api = Build.VERSION_CODES.N)
            @Override
            public void onClick(View v) {
                calendata.add(Calendar.MONTH, 1);
                renderCalender(context);
            }
        });
    }

這些都沒什么好說的對吧，其實難點就一個 就是日期的計算

1507346319(1).jpg

注意看，我這個月的第一天是1號 他在星期日的位置 主要就是這個的計算，這個要怎么算呢

   /**
     * 渲染界面
     *
     * @param context
     */

    @RequiresApi(api = Build.VERSION_CODES.N)
    private void renderCalender(Context context) {
        /**
         * 時間格式化
         */
        SimpleDateFormat simpleDateFormat = new SimpleDateFormat("MM yyyy");
        mWeekToday.setText(simpleDateFormat.format(calendata.getTime()));

        /**
         * 為了不污染 本身的時間所以復制一個
         */
        Calendar calendarOne = (Calendar) calendata.clone();
        List<Date> mDate = new ArrayList<>();

        /**
         * 把日期放在第一天 然后看最后一個周末剩下幾天 然后位移
         */
        calendarOne.set(Calendar.DAY_OF_MONTH, 1);
        calendarOne.add(Calendar.DAY_OF_MONTH, - calendarOne.get(Calendar.DAY_OF_WEEK) - 1);

        /**
         * 裝數據進去
         */
        while (mDate.size() < 42) {
            mDate.add(calendarOne.getTime());
            calendarOne.add(Calendar.DAY_OF_MONTH, 1);
        }

        /**
         * recylerview的Adapert總會把- -
         */
        DataViewAdapter dataViewAdapter = new DataViewAdapter(R.layout.item_data, mDate);
        mWeekRecy.setAdapter(dataViewAdapter);
        GridLayoutManager gridLayoutManager = new GridLayoutManager(context, 7);
        mWeekRecy.setLayoutManager(gridLayoutManager);
    }

這樣這個控件就好了，難的地方就在怎么算日期上面 - -