{"id":1200,"date":"2016-02-05T21:01:25","date_gmt":"2016-02-05T13:01:25","guid":{"rendered":"https:\/\/ai.zhousir.top\/?p=1200"},"modified":"2020-03-31T11:48:08","modified_gmt":"2020-03-31T03:48:08","slug":"1200","status":"publish","type":"post","link":"https:\/\/ai.zhousir.top\/?p=1200","title":{"rendered":"RecyclerView \u5217\u8868\u63a7\u4ef6\u4e2d\u7b80\u5355\u5b9e\u73b0\u65f6\u95f4\u7ebf"},"content":{"rendered":"

\u65f6\u95f4<\/h1>\n

\u65f6\u95f4\uff0c\u65f6\u95f4\uff0c\u65f6\u95f4\u554a\uff1b\u8d70\u6162\u4e00\u70b9\u5427\uff5e<\/p>\n

\u770b\u89c1\u5f88\u591a\u8f6f\u4ef6\u4e2d\u90fd\u6709\u65f6\u95f4\u7ebf\u7684\u4e1c\u897f\uff0c\u8c8c\u4f3c\u5929\u6c14\u554a\uff0c\u65c5\u6e38\u554a\u4ec0\u4e48\u7684\u6700\u591a\u4e86\uff1b\u5177\u4f53\u5b9e\u73b0\u65b9\u5f0f\u5f88\u591a\uff0c\u5728\u672c\u7bc7\u6587\u7ae0\u4e2d\u8bb2\u89e3\u4e00\u79cd\u81ea\u5b9a\u4e49View\u5c01\u88c5\u7684\u65b9\u5f0f\u3002<\/p>\n

<\/a>\u6548\u679c<\/h1>\n

\u5148\u6765\u770b\u770b\u6548\u679c\u3002<\/p>\n

\"\u256c\u0432\u2568\u253c\u255c\u256a\u2550\u255d_20200331114621\"<\/a><\/p>\n

\n

\u5206\u6790<\/h1>\n

\u8f6f\u4ef6\u4e2d\uff0c\u53ef\u4ee5\u770b\u89c1\u524d\u9762\u7684\u65f6\u95f4\u7ebf\u4e5f\u5c31\u662f\u7ebf\u6761\u52a0\u4e0a\u5706\u5708\u7ec4\u6210\uff1b\u5f53\u7136\u8fd9\u91cc\u7684\u5706\u5708\u4e0e\u7ebf\u6761\u4e5f\u90fd\u662f\u53ef\u4ee5\u968f\u610f\u6362\u6210\u5176\u4ed6\u7684\uff0c\u6bd4\u5982\u56fe\u7247\u7b49\u7b49\u3002<\/p>\n

\u5f53\u7136\u8fd9\u91cc\u6700\u7b80\u5355\u7684\u6765\u8bf4\uff0c\u662f\u4e0a\u9762\u4e00\u4e2a\u7ebf\u6761\uff0c\u7136\u540e\u4e00\u4e2a\u5706\u5708\uff0c\u7136\u540e\u4e0b\u9762\u4e00\u4e2a\u7ebf\u6761\uff1b\u4e0a\u7ebf\u6761\u5728\u7b2c\u4e00\u6761\u6570\u636e\u65f6\u4e0d\u505a\u663e\u793a\uff0c\u4e0b\u7ebf\u6761\u5728\u6700\u540e\u4e00\u6761\u6570\u636e\u65f6\u4e0d\u505a\u663e\u793a\u3002<\/p>\n

\"\u256c\u0432\u2568\u253c\u255c\u256a\u2550\u255d_20200331114633\"<\/a><\/p>\n

\u8fd9\u91cc\u81ea\u5b9a\u4e49\u5e03\u5c40\u90e8\u5206\u4e5f\u5c31\u662f\u628a\u65c1\u8fb9\u7684\u7ebf\u6761\u4e0e\u5706\u5708\u5c01\u88c5\u5230\u4e00\u8d77\uff0c\u5e76\u4f7f\u7528\u7b80\u5355\u7684\u65b9\u6cd5\u6765\u63a7\u5236\u662f\u5426\u663e\u793a\u3002
\n\u5f53\u5c01\u88c5\u597d\u4e86\u540e\uff0c\u4e0e\u65c1\u8fb9\u7684\u6587\u5b57\u90e8\u5206\u4e5f\u5c31\u662f\u6c34\u74f6\u65b9\u5411\u7684\u7ebf\u6027\u5e03\u5c40\u4e86\uff0c\u7136\u540e\u8bbe\u7f6e\u4e3a\u6bcf\u4e00\u4e2a\u7684RecyclerView \u7684Item\u7684\u5e03\u5c40\u4e5f\u5c31\u5b8c\u6210\u4e86\u3002<\/p>\n

\u63a7\u4ef6<\/h1>\n

\u63a7\u4ef6\u5f88\u7b80\u5355\uff0c\u9996\u5148\u6211\u4eec\u7ee7\u627fView\uff0c\u53d6\u540d\u4e3a TimeLineMarker \u5c31OK\u3002<\/p>\n

<\/a>Attrs \u5c5e\u6027<\/h2>\n

\u5f00\u59cb\u63a7\u4ef6\u4e4b\u524d\u5148\u51c6\u5907\u597d\u9700\u8981\u7684\u5c5e\u6027\u3002<\/p>\n

<?xml version=\"1.0\" encoding=\"utf-8\"?><\/span>\r\n<resources<\/span>><\/span>\r\n    <declare-styleable<\/span> name<\/span>=\"TimeLineMarker\"<\/span>><\/span>\r\n        <attr<\/span> name<\/span>=\"markerSize\"<\/span> format<\/span>=\"dimension\"<\/span> \/><\/span>\r\n        <attr<\/span> name<\/span>=\"marker\"<\/span> format<\/span>=\"color|reference\"<\/span> \/><\/span>\r\n        <attr<\/span> name<\/span>=\"beginLine\"<\/span> format<\/span>=\"color|reference\"<\/span> \/><\/span>\r\n        <attr<\/span> name<\/span>=\"endLine\"<\/span> format<\/span>=\"color|reference\"<\/span> \/><\/span>\r\n        <attr<\/span> name<\/span>=\"lineSize\"<\/span> format<\/span>=\"dimension\"<\/span> \/><\/span>\r\n    <\/declare-styleable<\/span>><\/span>\r\n<\/resources<\/span>><\/span><\/code><\/pre>\n
\u5728\u8fd9\u91cc\u4e5f\u5c31\u51c6\u5907\u4e86\u7ebf\u6761\u7684\u5927\u5c0f\u3001\u5f00\u59cb\u7ebf\u6761\u3001\u7ed3\u675f\u7ebf\u6761\u3001\u4e2d\u95f4\u6807\u793a\u90e8\u5206\u53ca\u5927\u5c0f\u3002<\/p>\n
<\/a>\u5c5e\u6027\u4e0e\u73b0\u5b9e<\/h2>\n
    private<\/span> int<\/span> mMarkerSize = 24<\/span>;\r\n    private<\/span> int<\/span> mLineSize = 12<\/span>;\r\n    private<\/span> Drawable mBeginLine;\r\n    private<\/span> Drawable mEndLine;\r\n    private<\/span> Drawable mMarkerDrawable;\r\n\r\n    @Override<\/span>\r\n    protected<\/span> void<\/span> onDraw<\/span>(Canvas canvas) {\r\n        if<\/span> (mBeginLine != null<\/span>) {\r\n            mBeginLine.draw(canvas);\r\n        }\r\n\r\n        if<\/span> (mEndLine != null<\/span>) {\r\n            mEndLine.draw(canvas);\r\n        }\r\n\r\n        if<\/span> (mMarkerDrawable != null<\/span>) {\r\n            mMarkerDrawable.draw(canvas);\r\n        }\r\n\r\n        super<\/span>.onDraw(canvas);\r\n    }<\/code><\/pre>\n
\u4e24\u4e2a\u5927\u5c0f\u5c5e\u6027\uff0c3\u4e2a\u5177\u4f53\u7684Drawable\uff0c\u7136\u540e\u5728onDraw\u65b9\u6cd5\u4e2d\u8fdb\u884c\u5177\u4f53\u7684\u663e\u793a\u4e5f\u5c31OK\u3002<\/p>\n
<\/a>\u6784\u9020\u4e0e\u5c5e\u6027\u521d\u59cb\u5316<\/h2>\n
\u5728\u4e0a\u9762\u6211\u4eec\u5b9a\u4e49\u4e86\u5c5e\u6027\uff0c\u5728\u8fd9\u91cc\u6211\u4eec\u5728\u6784\u9020\u51fd\u6570\u4e2d\u83b7\u53d6XML\u6240\u8bbe\u7f6e\u7684\u5c5e\u6027\u3002<\/p>\n
\r\n    public<\/span> TimeLineMarker<\/span>(Context context) {\r\n        this<\/span>(context, null<\/span>);\r\n    }\r\n\r\n    public<\/span> TimeLineMarker<\/span>(Context context, AttributeSet attrs) {\r\n        this<\/span>(context, attrs, 0<\/span>);\r\n    }\r\n\r\n    public<\/span> TimeLineMarker<\/span>(Context context, AttributeSet attrs, int<\/span> defStyle) {\r\n        super<\/span>(context, attrs, defStyle);\r\n        init(attrs);\r\n    }\r\n\r\n    private<\/span> void<\/span> init<\/span>(AttributeSet attrs) {\r\n        \/\/ Load attributes<\/span>\r\n        final<\/span> TypedArray a = getContext().obtainStyledAttributes(\r\n                attrs, R.styleable.TimeLineMarker, 0<\/span>, 0<\/span>);\r\n\r\n        mMarkerSize = a.getDimensionPixelSize(\r\n                R.styleable.TimeLineMarker_markerSize,\r\n                mMarkerSize);\r\n\r\n        mLineSize = a.getDimensionPixelSize(\r\n                R.styleable.TimeLineMarker_lineSize,\r\n                mLineSize);\r\n\r\n        mBeginLine = a.getDrawable(\r\n                R.styleable.TimeLineMarker_beginLine);\r\n\r\n        mEndLine = a.getDrawable(\r\n                R.styleable.TimeLineMarker_endLine);\r\n\r\n        mMarkerDrawable = a.getDrawable(\r\n                R.styleable.TimeLineMarker_marker);\r\n\r\n        a.recycle();\r\n\r\n        if<\/span> (mBeginLine != null<\/span>)\r\n            mBeginLine.setCallback(this<\/span>);\r\n\r\n        if<\/span> (mEndLine != null<\/span>)\r\n            mEndLine.setCallback(this<\/span>);\r\n\r\n        if<\/span> (mMarkerDrawable != null<\/span>)\r\n            mMarkerDrawable.setCallback(this<\/span>);\r\n    }<\/code><\/pre>\n
<\/a>Drawable \u7684\u4f4d\u7f6e\u4e0e\u5927\u5c0f\u521d\u59cb\u5316<\/h2>\n
\u5c5e\u6027\u5565\u7684\u6709\u4e86\uff0c\u5177\u4f53\u7684Drawable \u4e5f\u6709\u4e86\uff0c\u8981\u663e\u793a\u7684\u5730\u65b9\u8c03\u7528\u4e5f\u662fOK\u4e86\uff1b\u4f46\u662f\u5982\u679c\u6ca1\u6709\u8fdb\u884c\u8fdb\u884c\u5177\u4f53\u7684\u4f4d\u7f6e\u8c03\u6574\u8fd9\u4e00\u5207\u4e5f\u90fd\u6ca1\u6709\u610f\u4e49\u3002<\/p>\n
    @Override<\/span>\r\n    protected<\/span> void<\/span> onSizeChanged<\/span>(int<\/span> w, int<\/span> h, int<\/span> oldw, int<\/span> oldh) {\r\n        super<\/span>.onSizeChanged(w, h, oldw, oldh);\r\n        initDrawableSize();\r\n    }\r\n\r\n    private<\/span> void<\/span> initDrawableSize<\/span>() {\r\n        int<\/span> pLeft = getPaddingLeft();\r\n        int<\/span> pRight = getPaddingRight();\r\n        int<\/span> pTop = getPaddingTop();\r\n        int<\/span> pBottom = getPaddingBottom();\r\n\r\n        int<\/span> width = getWidth();\r\n        int<\/span> height = getHeight();\r\n\r\n        int<\/span> cWidth = width - pLeft - pRight;\r\n        int<\/span> cHeight = height - pTop - pBottom;\r\n\r\n        Rect bounds;\r\n\r\n        if<\/span> (mMarkerDrawable != null<\/span>) {\r\n            \/\/ Size<\/span>\r\n            int<\/span> markerSize = Math.min(mMarkerSize, Math.min(cWidth, cHeight));\r\n            mMarkerDrawable.setBounds(pLeft, pTop,\r\n                    pLeft + markerSize, pTop + markerSize);\r\n\r\n            bounds = mMarkerDrawable.getBounds();\r\n        } else<\/span> {\r\n            bounds = new<\/span> Rect(pLeft, pTop, pLeft + cWidth, pTop + cHeight);\r\n        }\r\n\r\n\r\n        int<\/span> halfLineSize = mLineSize >> 1<\/span>;\r\n        int<\/span> lineLeft = bounds.centerX() - halfLineSize;\r\n\r\n        if<\/span> (mBeginLine != null<\/span>) {\r\n            mBeginLine.setBounds(lineLeft, 0<\/span>, lineLeft + mLineSize, bounds.top);\r\n        }\r\n\r\n        if<\/span> (mEndLine != null<\/span>) {\r\n            mEndLine.setBounds(lineLeft, bounds.bottom, lineLeft + mLineSize, height);\r\n        }\r\n    }<\/code><\/pre>\n
initDrawableSize \u65b9\u6cd5\u8fdb\u884c\u5177\u4f53\u7684\u8fd0\u7b97\uff0c\u800c\u8fd0\u7b97\u7684\u65f6\u95f4\u70b9\u5c31\u662f\u5f53\u63a7\u4ef6\u7684\u5927\u5c0f\u6539\u53d8\uff08onSizeChanged\uff09\u7684\u65f6\u5019\u3002<\/p>\n
\u5728\u521d\u59cb\u5316\u4e2d\u91c7\u7528\u4e86\u4e00\u5b9a\u7684\u6295\u673a\u53d6\u5de7\uff1b\u8fd9\u91cc\u5229\u7528\u4e86\u4e0a\u5185\u8fb9\u8ddd\u4e0e\u4e0b\u5185\u8fb9\u8ddd\u5206\u522b\u4f5c\u4e3a\u4e0a\u7ebf\u6761\u4e0e\u4e0b\u7ebf\u6761\u7684\u957f\u5ea6\uff1b\u800c\u7ebf\u6761\u4e0e\u4e2d\u95f4\u7684\u6807\u8bc6\u90fd\u91c7\u7528\u4e86\u6c34\u5e73\u8ddd\u4e2d\u3002<\/p>\n
<\/a>\u5176\u4ed6\u8bbe\u7f6e\u65b9\u6cd5<\/h2>\n
\r\n    public<\/span> void<\/span> setLineSize<\/span>(int<\/span> lineSize) {\r\n        if<\/span> (mLineSize != lineSize) {\r\n            this<\/span>.mLineSize = lineSize;\r\n            initDrawableSize();\r\n            invalidate();\r\n        }\r\n    }\r\n\r\n    public<\/span> void<\/span> setMarkerSize<\/span>(int<\/span> markerSize) {\r\n        if<\/span> (this<\/span>.mMarkerSize != markerSize) {\r\n            mMarkerSize = markerSize;\r\n            initDrawableSize();\r\n            invalidate();\r\n        }\r\n    }\r\n\r\n    public<\/span> void<\/span> setBeginLine<\/span>(Drawable beginLine) {\r\n        if<\/span> (this<\/span>.mBeginLine != beginLine) {\r\n            this<\/span>.mBeginLine = beginLine;\r\n            if<\/span> (mBeginLine != null<\/span>) {\r\n                mBeginLine.setCallback(this<\/span>);\r\n            }\r\n            initDrawableSize();\r\n            invalidate();\r\n        }\r\n    }\r\n\r\n    public<\/span> void<\/span> setEndLine<\/span>(Drawable endLine) {\r\n        if<\/span> (this<\/span>.mEndLine != endLine) {\r\n            this<\/span>.mEndLine = endLine;\r\n            if<\/span> (mEndLine != null<\/span>) {\r\n                mEndLine.setCallback(this<\/span>);\r\n            }\r\n            initDrawableSize();\r\n            invalidate();\r\n        }\r\n    }\r\n\r\n    public<\/span> void<\/span> setMarkerDrawable<\/span>(Drawable markerDrawable) {\r\n        if<\/span> (this<\/span>.mMarkerDrawable != markerDrawable) {\r\n            this<\/span>.mMarkerDrawable = markerDrawable;\r\n            if<\/span> (mMarkerDrawable != null<\/span>) {\r\n                mMarkerDrawable.setCallback(this<\/span>);\r\n            }\r\n            initDrawableSize();\r\n            invalidate();\r\n        }\r\n    }<\/code><\/pre>\n
\u5728\u8bbe\u7f6e\u4e2d\uff0c\u9996\u5148\u5224\u65ad\u662f\u5426\u66f4\u6539\uff0c\u5982\u679c\u66f4\u6539\u90a3\u4e48\u5c31\u66f4\u65b0\u5e76\u91cd\u65b0\u8ba1\u7b97\u4f4d\u7f6e\uff1b\u968f\u540e\u5237\u65b0\u754c\u9762\u3002<\/p>\n
\u5230\u8fd9\u91cc\uff0c\u63a7\u4ef6\u5dee\u4e0d\u591a\u51c6\u5907OK\u4e86\uff0c\u5176\u4e2d\u8fd8\u6709\u5f88\u591a\u53ef\u4ee5\u5b8c\u5584\u7684\u5730\u65b9\uff0c\u6bd4\u5982\u52a0\u4e0a\u5feb\u6377\u8bbe\u7f6e\u989c\u8272\u4ec0\u4e48\u7684\uff0c\u4e5f\u53ef\u4ee5\u52a0\u4e0a\u5927\u5c0f\u8ba1\u7b97\u7684\u4e1c\u897f\u3002\u540c\u65f6\u8fd8\u53ef\u4ee5\u52a0\u4e0a\u65f6\u95f4\u7ebf\u662f\u6c34\u74f6\u8fd8\u662f\u5782\u76f4\u7b49\u7b49\u3002\u5728\u8fd9\u91cc\u5c31\u4e0d\u7d2f\u8d58\u4ecb\u7ecd\u54ea\u4e9b\u4e86\u3002\u4e0b\u9762\u6765\u770b\u770b\u5982\u4f55\u4f7f\u7528\u3002<\/p><\/blockquote>\n
<\/a>\u4f7f\u7528<\/h1>\n
<\/a>XML\u5e03\u5c40<\/h2>\n
<\/a>ITEM\u5e03\u5c40item_time_line.xml<\/h3>\n
<?xml version=\"1.0\"<\/span> encoding=\"utf-8\"<\/span>?>\r\n\r\n<LinearLayout xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\"<\/span>\r\n    xmlns:app=\"http:\/\/schemas.android.com\/apk\/res-auto\"<\/span>\r\n    xmlns:tools=\"http:\/\/schemas.android.com\/tools\"<\/span>\r\n    android:layout_width=\"match_parent\"<\/span>\r\n    android:layout_height=\"wrap_content\"<\/span>\r\n    android:orientation=\"horizontal\"<\/span>\r\n    android:paddingLeft=\"@dimen<\/span>\/lay_16\"<\/span>\r\n    android:paddingRight=\"@dimen<\/span>\/lay_16\"<\/span>\r\n    tools:ignore=\"MissingPrefix\"<\/span>>\r\n\r\n    <net.qiujuer.example.timeline.widget.TimeLineMarker\r\n        android:id=\"@+<\/span>id\/item_time_line_mark\"<\/span>\r\n        android:layout_width=\"wrap_content\"<\/span>\r\n        android:layout_height=\"match_parent\"<\/span>\r\n        android:paddingBottom=\"@dimen<\/span>\/lay_16\"<\/span>\r\n        android:paddingLeft=\"@dimen<\/span>\/lay_4\"<\/span>\r\n        android:paddingRight=\"@dimen<\/span>\/lay_4\"<\/span>\r\n        android:paddingTop=\"@dimen<\/span>\/lay_16\"<\/span>\r\n        app:beginLine=\"@color<\/span>\/black_alpha_32\"<\/span>\r\n        app:endLine=\"@color<\/span>\/black_alpha_32\"<\/span>\r\n        app:lineSize=\"2dp\"<\/span>\r\n        app:marker=\"@drawable<\/span>\/ic_timeline_default_marker\"<\/span>\r\n        app:markerSize=\"24dp\"<\/span> \/>\r\n\r\n    <TextView\r\n        android:id=\"@+<\/span>id\/item_time_line_txt\"<\/span>\r\n        android:layout_width=\"match_parent\"<\/span>\r\n        android:layout_height=\"wrap_content\"<\/span>\r\n        android:layout_gravity=\"center\"<\/span>\r\n        android:paddingBottom=\"@dimen<\/span>\/lay_16\"<\/span>\r\n        android:paddingLeft=\"@dimen<\/span>\/lay_4\"<\/span>\r\n        android:paddingRight=\"@dimen<\/span>\/lay_4\"<\/span>\r\n        android:paddingTop=\"@dimen<\/span>\/lay_16\"<\/span>\r\n        android:textColor=\"@color<\/span>\/grey_600\"<\/span>\r\n        android:textSize=\"@dimen<\/span>\/font_16\"<\/span> \/>\r\n\r\n<\/LinearLayout><\/span><\/code><\/pre>\n
\u5728\u8fd9\u91cc\u6211\u4eec\u4e4b\u95f4\u4f7f\u7528\u987a\u5e8f\u5e03\u5c40\uff0c\u5de6\u8fb9\u662fTimelIne\u63a7\u4ef6\uff0c\u53f3\u8fb9\u662f\u4e00\u4e2a\u7b80\u5355\u7684\u5b57\u4f53\u63a7\u4ef6\uff0c\u5177\u4f53\u4f7f\u7528\u4e2d\u53ef\u4ee5\u7ec6\u5316\u4e00\u4e9b\u3002
\n\u5728TImeLine\u63a7\u4ef6\u4e2d\u6211\u4eec\u7684Mark\u662f\u4f7f\u7528\u7684drawable\/ic_timeline_default_marker\uff1b\u8fd9\u4e2a\u5c31\u662f\u4e00\u4e2a\u7b80\u5355\u7684\u5706\u5708\u800c\u5df2\uff1b\u5bf9\u4e8e\u81ea\u5df1\u7f8e\u5316\u53ef\u4ee5\u4f7f\u7528\u4e00\u5f20\u56fe\u7247\u4ee3\u66ff\u6216\u8005\u66f4\u52a0\u590d\u6742\u7684\u5e03\u5c40\uff1b\u5f53\u7136\u4e0a\u9762\u7684\u7ebf\u6761\u5c31\u66f4\u52a0\u7b80\u5355\u4e86\uff0c\u5c31\u76f4\u63a5\u4f7f\u7528\u989c\u8272\u4ee3\u66ff\u3002<\/p>\n
<?xml version=\"1.0\" encoding=\"utf-8\"?><\/span>\r\n<shape<\/span> xmlns:android<\/span>=\"http:\/\/schemas.android.com\/apk\/res\/android\"<\/span>\r\n    android:shape<\/span>=\"oval\"<\/span>><\/span>\r\n    <solid<\/span> android:color<\/span>=\"@color\/cyan_500\"<\/span> \/><\/span>\r\n    <stroke\r\n<\/span>        android:width<\/span>=\"1dp\"<\/span>\r\n        android:color<\/span>=\"@color\/black_alpha_32\"<\/span> \/><\/span>\r\n<\/shape<\/span>><\/span><\/code><\/pre>\n
<\/a>\u4e3b\u754c\u9762XML RecyclerView<\/h3>\n
<RelativeLayout xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\"<\/span>\r\n    xmlns:tools=\"http:\/\/schemas.android.com\/tools\"<\/span>\r\n    android:layout_width=\"match_parent\"<\/span>\r\n    android:layout_height=\"match_parent\"<\/span>\r\n    android:paddingBottom=\"@dimen<\/span>\/activity_vertical_margin\"<\/span>\r\n    android:paddingLeft=\"@dimen<\/span>\/activity_horizontal_margin\"<\/span>\r\n    android:paddingRight=\"@dimen<\/span>\/activity_horizontal_margin\"<\/span>\r\n    android:paddingTop=\"@dimen<\/span>\/activity_vertical_margin\"<\/span>\r\n    tools:context=\".MainActivity\"<\/span>>\r\n\r\n    <android.support.v7.widget.RecyclerView\r\n        android:id=\"@+<\/span>id\/time_line_recycler\"<\/span>\r\n        android:layout_width=\"match_parent\"<\/span>\r\n        android:layout_height=\"match_parent\"<\/span>\r\n        android:clickable=\"true\"<\/span>\r\n        android:fadeScrollbars=\"true\"<\/span>\r\n        android:fadingEdge=\"none\"<\/span>\r\n        android:focusable=\"true\"<\/span>\r\n        android:focusableInTouchMode=\"true\"<\/span>\r\n        android:overScrollMode=\"never\"<\/span>\r\n        android:scrollbarSize=\"2dp\"<\/span>\r\n        android:scrollbarThumbVertical=\"@color<\/span>\/cyan_500\"<\/span>\r\n        android:scrollbars=\"vertical\"<\/span> \/>\r\n\r\n<\/RelativeLayout><\/span><\/code><\/pre>\n
\u5728\u8fd9\u91cc\u5c31\u662f\u52a0\u4e0a\u4e86\u4e00\u4e2aRecyclerView \u63a7\u4ef6\u5728\u4e3b\u754c\u9762\u5c31OK\u3002<\/p>\n
<\/a>Java\u4ee3\u7801\u90e8\u5206<\/h2>\n
\u5728\u5f00\u59cb\u4e4b\u524d\u5148\u6765\u770b\u770b\u6211\u4eec\u7684\u6587\u4ef6\u5177\u4f53\u6709\u4e9b\u795e\u9a6c\u3002
\n\"\u8fd9\u91cc\u5199\u56fe\u7247\u63cf\u8ff0\"<\/p>\n
widget\u4e2d\u5c31\u662f\u5177\u4f53\u7684\u81ea\u5b9a\u4e49\u63a7\u4ef6\uff0cmodel\u662f\u5177\u4f53\u7684\u6570\u636e\u6a21\u578b\uff0cadapter\u90e8\u5206\uff0c\u8fd9\u91cc\u6709\u4e00\u4e2aRecyclerview\u7684adapter\u6587\u4ef6\uff0c\u4ee5\u53ca\u4e00\u4e2a\u5177\u4f53\u7684Item TimeLineViewHolder\uff0c\u5f53\u7136\u5728\u8fd9\u91cc\u8fd8\u5b9a\u4e49\u4e86\u4e00\u4e2aItemType\u7c7b\uff0c\u8be5\u7c7b\u7528\u6765\u6807\u793a\u6bcf\u4e2aItem\u7684\u7c7b\u578b\uff0c\u6bd4\u5982\u5934\u90e8\uff0c\u7b2c\u4e00\u4e2a\uff0c\u666e\u901a\uff0c\u6700\u540e\u4e00\u4e2a\uff0c\u5e95\u90e8\u7b49\u7b49\u3002<\/p><\/blockquote>\n
<\/a>TimeLineModel.java<\/h3>\n
package<\/span> net.qiujuer.example.timeline.model;\r\n\r\n\/**\r\n * Created by qiujuer\r\n * on 15\/8\/23.\r\n *\/<\/span>\r\npublic<\/span> class<\/span> TimeLineModel<\/span> {<\/span>\r\n    private<\/span> String name;\r\n    private<\/span> int<\/span> age;\r\n\r\n    public<\/span> TimeLineModel<\/span>() {\r\n\r\n    }\r\n\r\n    public<\/span> TimeLineModel<\/span>(String name, int<\/span> age) {\r\n        this<\/span>.name = name;\r\n        this<\/span>.age = age;\r\n    }\r\n\r\n    public<\/span> int<\/span> getAge<\/span>() {\r\n        return<\/span> age;\r\n    }\r\n\r\n    public<\/span> String getName<\/span>() {\r\n        return<\/span> name;\r\n    }\r\n\r\n    public<\/span> void<\/span> setAge<\/span>(int<\/span> age) {\r\n        this<\/span>.age = age;\r\n    }\r\n\r\n    public<\/span> void<\/span> setName<\/span>(String name) {\r\n        this<\/span>.name = name;\r\n    }\r\n}<\/code><\/pre>\n
\u4e00\u4e2a\u540d\u5b57\uff0c\u4e00\u4e2a\u5e74\u9f84\u4e5f\u5c31OK\u3002<\/p>\n
<\/a>ItemType.java<\/h3>\n
package<\/span> net.qiujuer.example.timeline.adapter;\r\n\r\n\/**\r\n * Created by qiujuer\r\n * on 15\/8\/23.\r\n *\/<\/span>\r\npublic<\/span> class<\/span> ItemType<\/span> {<\/span>\r\n    public<\/span> final<\/span> static<\/span> int<\/span> NORMAL = 0<\/span>;\r\n\r\n    public<\/span> final<\/span> static<\/span> int<\/span> HEADER = 1<\/span>;\r\n    public<\/span> final<\/span> static<\/span> int<\/span> FOOTER = 2<\/span>;\r\n\r\n    public<\/span> final<\/span> static<\/span> int<\/span> START = 4<\/span>;\r\n    public<\/span> final<\/span> static<\/span> int<\/span> END = 8<\/span>;\r\n\r\n    public<\/span> final<\/span> static<\/span> int<\/span> ATOM = 16<\/span>;\r\n}<\/code><\/pre>\n
\u5206\u522b\u5b9a\u4e49\u4e86\u51e0\u4e2a\u9759\u6001\u503c\uff0c\u5206\u522b\u4ee3\u8868\u666e\u901a\u3001\u5934\u90e8\u3001\u5e95\u90e8\u3001\u5f00\u59cb\u3001\u7ed3\u675f\u3001\u539f\u5b50\uff1b\u5f53\u7136\u5176\u4e2d\u6709\u4e9b\u53ef\u4ee5\u4e0d\u7528\u5b9a\u4e49\u3002<\/p>\n
<\/a>TimeLineViewHolder.java<\/h3>\n
package<\/span> net.qiujuer.example.timeline.adapter;\r\n\r\nimport<\/span> android.support.v7.widget.RecyclerView;\r\nimport<\/span> android.view.View;\r\nimport<\/span> android.widget.TextView;\r\n\r\nimport<\/span> net.qiujuer.example.timeline.R;\r\nimport<\/span> net.qiujuer.example.timeline.model.TimeLineModel;\r\nimport<\/span> net.qiujuer.example.timeline.widget.TimeLineMarker;\r\n\r\n\/**\r\n * Created by qiujuer\r\n * on 15\/8\/23.\r\n *\/<\/span>\r\npublic<\/span> class<\/span> TimeLineViewHolder<\/span> extends<\/span> RecyclerView<\/span>.ViewHolder<\/span> {<\/span>\r\n    private<\/span> TextView mName;\r\n\r\n    public<\/span> TimeLineViewHolder<\/span>(View itemView, int<\/span> type) {\r\n        super<\/span>(itemView);\r\n\r\n        mName = (TextView) itemView.findViewById(R.id.item_time_line_txt);\r\n\r\n        TimeLineMarker mMarker = (TimeLineMarker) itemView.findViewById(R.id.item_time_line_mark);\r\n        if<\/span> (type == ItemType.ATOM) {\r\n            mMarker.setBeginLine(null<\/span>);\r\n            mMarker.setEndLine(null<\/span>);\r\n        } else<\/span> if<\/span> (type == ItemType.START) {\r\n            mMarker.setBeginLine(null<\/span>);\r\n        } else<\/span> if<\/span> (type == ItemType.END) {\r\n            mMarker.setEndLine(null<\/span>);\r\n        }\r\n\r\n    }\r\n\r\n    public<\/span> void<\/span> setData<\/span>(TimeLineModel data) {\r\n        mName.setText(\"Name:\"<\/span> + data.getName() + \" Age:\"<\/span> + data.getAge());\r\n    }\r\n}<\/code><\/pre>\n
\u8be5\u6587\u4ef6\u4e3aRecyclerView \u7684Adapter\u4e2d\u6bcf\u4e2aItem\u9700\u8981\u5b9e\u73b0\u7684Holder\u7c7b\u3002
\n\u5728\u8be5\u7c7b\u4e2d\uff0c\u6211\u4eec\u5728\u6784\u9020\u51fd\u6570\u4e2d\u9700\u8981\u4f20\u5165\u4e00\u4e2a\u6839View\u540c\u65f6\u4f20\u5165\u4e00\u4e2a\u5f53\u7136item\u7684\u72b6\u6001\u3002
\n\u968f\u540e\u4f7f\u7528find\u2026.\u627e\u5230\u63a7\u4ef6\uff0c\u5728\u8fd9\u91cc\u6211\u4eec\u628aTextView\u4fdd\u5b58\u8d77\u6765\uff0c\u800cTimeLineView\u627e\u5230\u540e\u76f4\u63a5\u8fdb\u884c\u521d\u59cb\u5316\u8bbe\u7f6e\u3002
\n\u6839\u636e\u4f20\u5165\u7684ItemType\u6765\u5224\u65ad\u662f\u5426\u662f\u7b2c\u4e00\u4e2a\uff0c\u6700\u540e\u4e00\u4e2a\uff0c\u4ee5\u53ca\u539f\u5b50\uff1b\u7136\u540e\u8bbe\u7f6eTimeLineView\u7684\u5c5e\u6027\u3002
\n\u5728\u4e0b\u9762\u7684setData\u65b9\u6cd5\u4e2d\u6211\u4eec\u663e\u793a\u5177\u4f53\u7684Model\u6570\u636e\u3002<\/p>\n
<\/a>TimeLineAdapter.java<\/h3>\n
\u9002\u914d\u5668\u90e8\u5206\uff0c\u6211\u4eec\u9700\u8981\u505a\u7684\u5de5\u4f5c\u662f\uff1b\u6839\u636e\u5177\u4f53\u7684\u6570\u636e\u6e32\u67d3\u4e0a\u5bf9\u5e94\u7684\u754c\u9762\u5c31OK\u3002<\/p>\n
package<\/span> net.qiujuer.example.timeline.adapter;\r\n\r\nimport<\/span> android.support.v7.widget.RecyclerView;\r\nimport<\/span> android.view.LayoutInflater;\r\nimport<\/span> android.view.View;\r\nimport<\/span> android.view.ViewGroup;\r\n\r\nimport<\/span> net.qiujuer.example.timeline.R;\r\nimport<\/span> net.qiujuer.example.timeline.model.TimeLineModel;\r\n\r\nimport<\/span> java.util.List;\r\n\r\n\/**\r\n * Created by qiujuer\r\n * on 15\/8\/23.\r\n *\/<\/span>\r\npublic class<\/span> TimeLineAdapter<\/span> extends<\/span> RecyclerView<\/span>.Adapter<\/span><TimeLineViewHolder<\/span>> {<\/span>\r\n    private<\/span> List<TimeLineModel> mDataSet;\r\n\r\n    public TimeLineAdapter(List<TimeLineModel> models) {\r\n        mDataSet = models;\r\n    }\r\n\r\n    @Override<\/span>\r\n    public int getItemViewType(int position) {\r\n        final<\/span> int size = mDataSet.size() - 1<\/span>;\r\n        if<\/span> (size == 0<\/span>)\r\n            return<\/span> ItemType.ATOM;\r\n        else<\/span> if<\/span> (position == 0<\/span>)\r\n            return<\/span> ItemType.START;\r\n        else<\/span> if<\/span> (position == size)\r\n            return<\/span> ItemType.END;\r\n        else<\/span> return<\/span> ItemType.NORMAL;\r\n    }\r\n\r\n    @Override<\/span>\r\n    public TimeLineViewHolder onCreateViewHolder(ViewGroup viewGroup, int viewType) {\r\n        \/\/ Create a new view.<\/span>\r\n        View v = LayoutInflater.from(viewGroup.getContext())\r\n                .inflate(R.layout.item_time_line, viewGroup, false<\/span>);\r\n        return<\/span> new<\/span> TimeLineViewHolder(v, viewType);\r\n    }\r\n\r\n    @Override<\/span>\r\n    public void onBindViewHolder(TimeLineViewHolder timeLineViewHolder, int i) {\r\n        timeLineViewHolder.setData(mDataSet.get(i));\r\n    }\r\n\r\n    @Override<\/span>\r\n    public int getItemCount() {\r\n        return<\/span> mDataSet.size();\r\n    }\r\n}<\/code><\/pre>\n
\u5728\u8fd9\u91cc\u9700\u8981\u7740\u91cd\u8bf4\u4e00\u4e0b\uff1a\u6211\u590d\u5199\u4e86getItemViewType\u65b9\u6cd5\uff1b\u5728\u8be5\u65b9\u6cd5\u4e2d\u6211\u4eec\u9700\u8981\u8bbe\u7f6e\u5bf9\u5e94\u7684Item\u7684\u7c7b\u578b\uff1b\u5728\u8fd9\u91cc\u4f20\u5165\u7684\u662fitem\u7684\u5750\u6807\uff0c\u9700\u8981\u8fd4\u56de\u7684\u662fitem\u7684\u5177\u4f53\u72b6\u6001\uff0c\u8be5\u72b6\u6001\u6807\u793a\u662fint\u7c7b\u578b\uff1b\u5728\u8fd9\u91cc\u6211\u4f7f\u7528\u7684\u662fItemType\u7684\u9759\u6001\u5c5e\u6027\u3002<\/p>\n
\u8be5\u65b9\u6cd5\u4f1a\u5728\u8c03\u7528onCreateViewHolder\u65b9\u6cd5\u4e4b\u524d\u8c03\u7528\uff1b\u800conCreateViewHolder\u65b9\u6cd5\u4e2d\u7684\u7b2c\u4e8c\u4e2a\u53c2\u6570int\u503c\u4e5f\u5c31\u662f\u4ecegetItemViewType\u4e4b\u4e2d\u6765\uff1b\u6240\u4ee5\u6211\u4eec\u53ef\u4ee5\u5728\u8fd9\u91cc\u8fdb\u884c\u5bf9\u5e94\u7684\u6570\u636e\u72b6\u6001\u6807\u793a\u3002<\/p>\n
\u800c\u5728onCreateViewHolder\u65b9\u6cd5\u4e2d\u6211\u4eec\u8fd4\u56de\u4e00\u4e2a\uff1aTimeLineViewHolder\u5c31OK\uff0c\u968f\u540e\u5728onBindViewHolder\u65b9\u6cd5\u4e2d\u8fdb\u884c\u6570\u636e\u521d\u59cb\u5316\u64cd\u4f5c\u3002<\/p><\/blockquote>\n
<\/a>MainActivity.java<\/h3>\n
\u4e0a\u9762\u6240\u6709\u90fd\u51c6\u5907\u597d\u4e86\uff0c\u4e0b\u9762\u5c31\u8fdb\u884c\u5177\u4f53\u7684\u663e\u793a\u3002
\n\u5728\u8fd9\u91cc\u5c31\u53ea\u8d34\u51fa\u6838\u5fc3\u4ee3\u7801\u4e86\uff1b\u7bc7\u5e45\u4e5f\u662f\u6709\u4e9b\u957f\u3002<\/p>\n
\r\n    private<\/span> RecyclerView mRecycler;\r\n\r\n    @Override<\/span>\r\n    protected<\/span> void<\/span> onCreate<\/span>(Bundle savedInstanceState) {\r\n        super<\/span>.onCreate(savedInstanceState);\r\n        setContentView(R.layout.activity_main);\r\n\r\n        mRecycler = (RecyclerView) findViewById(R.id.time_line_recycler);\r\n        initRecycler();\r\n    }\r\n\r\n    private<\/span> void<\/span> initRecycler<\/span>() {\r\n        LinearLayoutManager layoutManager = new<\/span> LinearLayoutManager(this<\/span>);\r\n        layoutManager.setOrientation(LinearLayoutManager.VERTICAL);\r\n\r\n        TimeLineAdapter adapter = new<\/span> TimeLineAdapter(getData());\r\n\r\n        mRecycler.setLayoutManager(layoutManager);\r\n        mRecycler.setAdapter(adapter);\r\n    }\r\n\r\n    private<\/span> List<TimeLineModel> getData<\/span>() {\r\n        List<TimeLineModel> models = new<\/span> ArrayList<TimeLineModel>();\r\n\r\n        models.add(new<\/span> TimeLineModel(\"XiaoMing\"<\/span>, 21<\/span>));\r\n        models.add(new<\/span> TimeLineModel(\"XiaoFang\"<\/span>, 20<\/span>));\r\n        models.add(new<\/span> TimeLineModel(\"XiaoHua\"<\/span>, 25<\/span>));\r\n        models.add(new<\/span> TimeLineModel(\"XiaoA\"<\/span>, 22<\/span>));\r\n        models.add(new<\/span> TimeLineModel(\"XiaoNiu\"<\/span>, 23<\/span>));\r\n\r\n        return<\/span> models;\r\n    }<\/code><\/pre>\n
\u5728\u8fd9\u91cc\u5c31\u662f\u50bb\u74dc\u7684\u64cd\u4f5c\u4e86\uff0c\u6d41\u7a0b\u5c31\u662f\u51c6\u5907\u597d\u5bf9\u5e94\u7684\u6570\u636e\uff0c\u88c5\u8fdbAdapter\uff0c\u51c6\u5907\u597d\u5bf9\u5e94\u7684\u5e03\u5c40\u65b9\u5f0f\uff0c\u7136\u540e\u90fd\u8bbe\u7f6e\u5230RecyclerView\u4e2d\u5c31OK\u3002<\/p>\n
<\/a>\u6548\u679c<\/h1>\n
\u6765\u770b\u770b\u5177\u4f53\u7684\u6548\u679c\uff1a
\n\"\u256c\u0432\u2568\u253c\u255c\u256a\u2550\u255d_20200331114647\"<\/a><\/p>\n
\u6548\u679c\u867d\u7136\u7b80\u5355\uff0c\u4f46\u662f\u4e5f\u7b97\u662f\u4e94\u810f\u5177\u5168\uff1b\u5176\u4e2d\u65e0\u975e\u5c31\u662f\u63a7\u4ef6\u7684\u81ea\u5b9a\u4e49\u3002\u8fd9\u4e2a\u81ea\u5b9a\u4e49\u662f\u53ef\u4ee5\u6269\u5c55\u7684\uff0c\u5927\u5bb6\u53ef\u4ee5\u6269\u5c55\u4e3a\u6c34\u5e73\u65b9\u5411\u8bd5\u8bd5\u3002<\/p>\n
 <\/p>\n
\u535a\u5ba2\u4ee3\u7801\u90fd\u5f00\u6e90\u5230\u9879\u76ee\u4e2d\u4e86\u3002
\n\u5730\u5740\uff1ahttps:\/\/github.com\/qiujuer\/BeFoot\/tree\/master\/blog\/sample\/TimeLine<\/a><\/p>\n
\u539f\u6587\u51fa\u5904\uff1aRecyclerView \u5217\u8868\u63a7\u4ef6\u4e2d\u7b80\u5355\u5b9e\u73b0\u65f6\u95f4\u7ebf<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
\u65f6\u95f4 \u65f6\u95f4\uff0c\u65f6\u95f4\uff0c\u65f6\u95f4\u554a\uff1b\u8d70\u6162\u4e00\u70b9\u5427\uff5e \u770b\u89c1\u5f88\u591a\u8f6f\u4ef6\u4e2d\u90fd\u6709\u65f6\u95f4\u7ebf\u7684\u4e1c\u897f\uff0c\u8c8c\u4f3c\u5929\u6c14\u554a\uff0c\u65c5\u6e38\u554a\u4ec0\u4e48\u7684\u6700\u591a\u4e86\uff1b\u5177\u4f53\u5b9e […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[3],"tags":[75],"_links":{"self":[{"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=\/wp\/v2\/posts\/1200"}],"collection":[{"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1200"}],"version-history":[{"count":4,"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=\/wp\/v2\/posts\/1200\/revisions"}],"predecessor-version":[{"id":2528,"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=\/wp\/v2\/posts\/1200\/revisions\/2528"}],"wp:attachment":[{"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1200"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1200"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1200"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}