{"id":1200,"date":"2016-02-05T21:01:25","date_gmt":"2016-02-05T13:01:25","guid":{"rendered":"https:\/\/ai.zhousir.top\/?p=1200"},"modified":"2026-08-18T12:58:47","modified_gmt":"2026-08-18T04:58:47","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":"
\n
\n

\u5929\u6c14\u3001\u65c5\u6e38\u7c7b App \u91cc\u5e38\u89c1\u65f6\u95f4\u7ebf\uff1a\u4e00\u6761\u7ad6\u7ebf\u52a0\u5706\u70b9\u3002\u8fd9\u7bc7\u7528\u81ea\u5b9a\u4e49 View \u5c01\u88c5\uff0c\u4e0a\u7ebf\u6bb5\u3001\u5706\u70b9\u3001\u4e0b\u7ebf\u6bb5\u53ef\u6362\u6210\u989c\u8272\u6216 Drawable\uff0c\u7b2c\u4e00\u6761\u85cf\u4e0a\u7ebf\u3001\u6700\u540e\u4e00\u6761\u85cf\u4e0b\u7ebf\u3002<\/p>\n

\u4ece Attrs\u3001\u6d4b\u91cf\u7ed8\u5236\u3001\u5230 item \u5e03\u5c40\u548c Adapter\/ViewHolder \u7684\u5b8c\u6574\u7528\u6cd5\u90fd\u5728\u4e0b\u9762\uff0c\u56db\u5f20\u6548\u679c\u56fe\u4fdd\u7559\u3002<\/p>\n<\/blockquote>\n

<\/p>\n\n\n\n\n\n\n\n\n\n
\u6b65\u9aa4<\/th>\n\u5173\u952e\u70b9<\/th>\n<\/tr>\n<\/thead>\n
\u6548\u679c \/ \u5206\u6790<\/td>\n\u4e0a\u7ebf + \u5706\u70b9 + \u4e0b\u7ebf\uff1b\u9996\u5c3e\u5206\u522b\u9690\u85cf<\/td>\n<\/tr>\n
Attrs<\/td>\n\u7ebf\u5bbd\u3001\u989c\u8272\u3001\u5706\u70b9\u5927\u5c0f\u4e0e Drawable<\/td>\n<\/tr>\n
\u81ea\u5b9a\u4e49 View<\/td>\n\u6784\u9020\u91cc\u8bfb\u5c5e\u6027\uff0conSizeChanged \u91cc\u6446 Drawable<\/td>\n<\/tr>\n
XML<\/td>\nitem_time_line.xml + \u4e3b\u754c\u9762 RecyclerView<\/td>\n<\/tr>\n
Java<\/td>\nTimeLineModel \/ ViewHolder \/ Adapter \/ MainActivity<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
\n

\u65f6\u95f4<\/span><\/h2>\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

\n

\u6548\u679c<\/span><\/h2>\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<\/span><\/h2>\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 \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

\n

\u63a7\u4ef6<\/span><\/h2>\n

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

\n

Attrs \u5c5e\u6027<\/span><\/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>\n<resources<\/span>><\/span>\n    <declare-styleable<\/span> name<\/span>=\"TimeLineMarker\"<\/span>><\/span>\n        <attr<\/span> name<\/span>=\"markerSize\"<\/span> format<\/span>=\"dimension\"<\/span> \/><\/span>\n        <attr<\/span> name<\/span>=\"marker\"<\/span> format<\/span>=\"color|reference\"<\/span> \/><\/span>\n        <attr<\/span> name<\/span>=\"beginLine\"<\/span> format<\/span>=\"color|reference\"<\/span> \/><\/span>\n        <attr<\/span> name<\/span>=\"endLine\"<\/span> format<\/span>=\"color|reference\"<\/span> \/><\/span>\n        <attr<\/span> name<\/span>=\"lineSize\"<\/span> format<\/span>=\"dimension\"<\/span> \/><\/span>\n    <\/declare-styleable<\/span>><\/span>\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
\n
\u5c5e\u6027\u4e0e\u73b0\u5b9e<\/span><\/h2>\n
    private<\/span> int<\/span> mMarkerSize = 24<\/span>;\n    private<\/span> int<\/span> mLineSize = 12<\/span>;\n    private<\/span> Drawable mBeginLine;\n    private<\/span> Drawable mEndLine;\n    private<\/span> Drawable mMarkerDrawable;\n\n    @Override<\/span>\n    protected<\/span> void<\/span> onDraw<\/span>(Canvas canvas) {\n        if<\/span> (mBeginLine != null<\/span>) {\n            mBeginLine.draw(canvas);\n        }\n\n        if<\/span> (mEndLine != null<\/span>) {\n            mEndLine.draw(canvas);\n        }\n\n        if<\/span> (mMarkerDrawable != null<\/span>) {\n            mMarkerDrawable.draw(canvas);\n        }\n\n        super<\/span>.onDraw(canvas);\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
\n
\u6784\u9020\u4e0e\u5c5e\u6027\u521d\u59cb\u5316<\/span><\/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
\n    public<\/span> TimeLineMarker<\/span>(Context context) {\n        this<\/span>(context, null<\/span>);\n    }\n\n    public<\/span> TimeLineMarker<\/span>(Context context, AttributeSet attrs) {\n        this<\/span>(context, attrs, 0<\/span>);\n    }\n\n    public<\/span> TimeLineMarker<\/span>(Context context, AttributeSet attrs, int<\/span> defStyle) {\n        super<\/span>(context, attrs, defStyle);\n        init(attrs);\n    }\n\n    private<\/span> void<\/span> init<\/span>(AttributeSet attrs) {\n        \/\/ Load attributes<\/span>\n        final<\/span> TypedArray a = getContext().obtainStyledAttributes(\n                attrs, R.styleable.TimeLineMarker, 0<\/span>, 0<\/span>);\n\n        mMarkerSize = a.getDimensionPixelSize(\n                R.styleable.TimeLineMarker_markerSize,\n                mMarkerSize);\n\n        mLineSize = a.getDimensionPixelSize(\n                R.styleable.TimeLineMarker_lineSize,\n                mLineSize);\n\n        mBeginLine = a.getDrawable(\n                R.styleable.TimeLineMarker_beginLine);\n\n        mEndLine = a.getDrawable(\n                R.styleable.TimeLineMarker_endLine);\n\n        mMarkerDrawable = a.getDrawable(\n                R.styleable.TimeLineMarker_marker);\n\n        a.recycle();\n\n        if<\/span> (mBeginLine != null<\/span>)\n            mBeginLine.setCallback(this<\/span>);\n\n        if<\/span> (mEndLine != null<\/span>)\n            mEndLine.setCallback(this<\/span>);\n\n        if<\/span> (mMarkerDrawable != null<\/span>)\n            mMarkerDrawable.setCallback(this<\/span>);\n    }<\/code><\/pre>\n
\n
Drawable \u7684\u4f4d\u7f6e\u4e0e\u5927\u5c0f\u521d\u59cb\u5316<\/span><\/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>\n    protected<\/span> void<\/span> onSizeChanged<\/span>(int<\/span> w, int<\/span> h, int<\/span> oldw, int<\/span> oldh) {\n        super<\/span>.onSizeChanged(w, h, oldw, oldh);\n        initDrawableSize();\n    }\n\n    private<\/span> void<\/span> initDrawableSize<\/span>() {\n        int<\/span> pLeft = getPaddingLeft();\n        int<\/span> pRight = getPaddingRight();\n        int<\/span> pTop = getPaddingTop();\n        int<\/span> pBottom = getPaddingBottom();\n\n        int<\/span> width = getWidth();\n        int<\/span> height = getHeight();\n\n        int<\/span> cWidth = width - pLeft - pRight;\n        int<\/span> cHeight = height - pTop - pBottom;\n\n        Rect bounds;\n\n        if<\/span> (mMarkerDrawable != null<\/span>) {\n            \/\/ Size<\/span>\n            int<\/span> markerSize = Math.min(mMarkerSize, Math.min(cWidth, cHeight));\n            mMarkerDrawable.setBounds(pLeft, pTop,\n                    pLeft + markerSize, pTop + markerSize);\n\n            bounds = mMarkerDrawable.getBounds();\n        } else<\/span> {\n            bounds = new<\/span> Rect(pLeft, pTop, pLeft + cWidth, pTop + cHeight);\n        }\n\n\n        int<\/span> halfLineSize = mLineSize >> 1<\/span>;\n        int<\/span> lineLeft = bounds.centerX() - halfLineSize;\n\n        if<\/span> (mBeginLine != null<\/span>) {\n            mBeginLine.setBounds(lineLeft, 0<\/span>, lineLeft + mLineSize, bounds.top);\n        }\n\n        if<\/span> (mEndLine != null<\/span>) {\n            mEndLine.setBounds(lineLeft, bounds.bottom, lineLeft + mLineSize, height);\n        }\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
\n
\u5176\u4ed6\u8bbe\u7f6e\u65b9\u6cd5<\/span><\/h2>\n
\n    public<\/span> void<\/span> setLineSize<\/span>(int<\/span> lineSize) {\n        if<\/span> (mLineSize != lineSize) {\n            this<\/span>.mLineSize = lineSize;\n            initDrawableSize();\n            invalidate();\n        }\n    }\n\n    public<\/span> void<\/span> setMarkerSize<\/span>(int<\/span> markerSize) {\n        if<\/span> (this<\/span>.mMarkerSize != markerSize) {\n            mMarkerSize = markerSize;\n            initDrawableSize();\n            invalidate();\n        }\n    }\n\n    public<\/span> void<\/span> setBeginLine<\/span>(Drawable beginLine) {\n        if<\/span> (this<\/span>.mBeginLine != beginLine) {\n            this<\/span>.mBeginLine = beginLine;\n            if<\/span> (mBeginLine != null<\/span>) {\n                mBeginLine.setCallback(this<\/span>);\n            }\n            initDrawableSize();\n            invalidate();\n        }\n    }\n\n    public<\/span> void<\/span> setEndLine<\/span>(Drawable endLine) {\n        if<\/span> (this<\/span>.mEndLine != endLine) {\n            this<\/span>.mEndLine = endLine;\n            if<\/span> (mEndLine != null<\/span>) {\n                mEndLine.setCallback(this<\/span>);\n            }\n            initDrawableSize();\n            invalidate();\n        }\n    }\n\n    public<\/span> void<\/span> setMarkerDrawable<\/span>(Drawable markerDrawable) {\n        if<\/span> (this<\/span>.mMarkerDrawable != markerDrawable) {\n            this<\/span>.mMarkerDrawable = markerDrawable;\n            if<\/span> (mMarkerDrawable != null<\/span>) {\n                mMarkerDrawable.setCallback(this<\/span>);\n            }\n            initDrawableSize();\n            invalidate();\n        }\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
\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\n<\/p><\/blockquote>\n
\n
\u4f7f\u7528<\/span><\/h2>\n
\n
XML\u5e03\u5c40<\/span><\/h2>\n
ITEM\u5e03\u5c40item_time_line.xml<\/h3>\n
<?xml version=\"1.0\"<\/span> encoding=\"utf-8\"<\/span>?>\n\n<LinearLayout xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\"<\/span>\n    xmlns:app=\"http:\/\/schemas.android.com\/apk\/res-auto\"<\/span>\n    xmlns:tools=\"http:\/\/schemas.android.com\/tools\"<\/span>\n    android:layout_width=\"match_parent\"<\/span>\n    android:layout_height=\"wrap_content\"<\/span>\n    android:orientation=\"horizontal\"<\/span>\n    android:paddingLeft=\"@dimen<\/span>\/lay_16\"<\/span>\n    android:paddingRight=\"@dimen<\/span>\/lay_16\"<\/span>\n    tools:ignore=\"MissingPrefix\"<\/span>>\n\n    <net.qiujuer.example.timeline.widget.TimeLineMarker\n        android:id=\"@+<\/span>id\/item_time_line_mark\"<\/span>\n        android:layout_width=\"wrap_content\"<\/span>\n        android:layout_height=\"match_parent\"<\/span>\n        android:paddingBottom=\"@dimen<\/span>\/lay_16\"<\/span>\n        android:paddingLeft=\"@dimen<\/span>\/lay_4\"<\/span>\n        android:paddingRight=\"@dimen<\/span>\/lay_4\"<\/span>\n        android:paddingTop=\"@dimen<\/span>\/lay_16\"<\/span>\n        app:beginLine=\"@color<\/span>\/black_alpha_32\"<\/span>\n        app:endLine=\"@color<\/span>\/black_alpha_32\"<\/span>\n        app:lineSize=\"2dp\"<\/span>\n        app:marker=\"@drawable<\/span>\/ic_timeline_default_marker\"<\/span>\n        app:markerSize=\"24dp\"<\/span> \/>\n\n    <TextView\n        android:id=\"@+<\/span>id\/item_time_line_txt\"<\/span>\n        android:layout_width=\"match_parent\"<\/span>\n        android:layout_height=\"wrap_content\"<\/span>\n        android:layout_gravity=\"center\"<\/span>\n        android:paddingBottom=\"@dimen<\/span>\/lay_16\"<\/span>\n        android:paddingLeft=\"@dimen<\/span>\/lay_4\"<\/span>\n        android:paddingRight=\"@dimen<\/span>\/lay_4\"<\/span>\n        android:paddingTop=\"@dimen<\/span>\/lay_16\"<\/span>\n        android:textColor=\"@color<\/span>\/grey_600\"<\/span>\n        android:textSize=\"@dimen<\/span>\/font_16\"<\/span> \/>\n\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 \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>\n<shape<\/span> xmlns:android<\/span>=\"http:\/\/schemas.android.com\/apk\/res\/android\"<\/span>\n    android:shape<\/span>=\"oval\"<\/span>><\/span>\n    <solid<\/span> android:color<\/span>=\"@color\/cyan_500\"<\/span> \/><\/span>\n    <stroke\n<\/span>        android:width<\/span>=\"1dp\"<\/span>\n        android:color<\/span>=\"@color\/black_alpha_32\"<\/span> \/><\/span>\n<\/shape<\/span>><\/span><\/code><\/pre>\n
\u4e3b\u754c\u9762XML RecyclerView<\/h3>\n
<RelativeLayout xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\"<\/span>\n    xmlns:tools=\"http:\/\/schemas.android.com\/tools\"<\/span>\n    android:layout_width=\"match_parent\"<\/span>\n    android:layout_height=\"match_parent\"<\/span>\n    android:paddingBottom=\"@dimen<\/span>\/activity_vertical_margin\"<\/span>\n    android:paddingLeft=\"@dimen<\/span>\/activity_horizontal_margin\"<\/span>\n    android:paddingRight=\"@dimen<\/span>\/activity_horizontal_margin\"<\/span>\n    android:paddingTop=\"@dimen<\/span>\/activity_vertical_margin\"<\/span>\n    tools:context=\".MainActivity\"<\/span>>\n\n    <android.support.v7.widget.RecyclerView\n        android:id=\"@+<\/span>id\/time_line_recycler\"<\/span>\n        android:layout_width=\"match_parent\"<\/span>\n        android:layout_height=\"match_parent\"<\/span>\n        android:clickable=\"true\"<\/span>\n        android:fadeScrollbars=\"true\"<\/span>\n        android:fadingEdge=\"none\"<\/span>\n        android:focusable=\"true\"<\/span>\n        android:focusableInTouchMode=\"true\"<\/span>\n        android:overScrollMode=\"never\"<\/span>\n        android:scrollbarSize=\"2dp\"<\/span>\n        android:scrollbarThumbVertical=\"@color<\/span>\/cyan_500\"<\/span>\n        android:scrollbars=\"vertical\"<\/span> \/>\n\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
\n
Java\u4ee3\u7801\u90e8\u5206<\/span><\/h2>\n
\u5728\u5f00\u59cb\u4e4b\u524d\u5148\u6765\u770b\u770b\u6211\u4eec\u7684\u6587\u4ef6\u5177\u4f53\u6709\u4e9b\u795e\u9a6c\u3002<\/p>\n
\"\u8fd9\u91cc\u5199\u56fe\u7247\u63cf\u8ff0\"<\/p>\n
\nwidget\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\n<\/p><\/blockquote>\n
TimeLineModel.java<\/h3>\n
package<\/span> net.qiujuer.example.timeline.model;\n\n\/**\n * Created by qiujuer\n * on 15\/8\/23.\n *\/<\/span>\npublic<\/span> class<\/span> TimeLineModel<\/span> {<\/span>\n    private<\/span> String name;\n    private<\/span> int<\/span> age;\n\n    public<\/span> TimeLineModel<\/span>() {\n\n    }\n\n    public<\/span> TimeLineModel<\/span>(String name, int<\/span> age) {\n        this<\/span>.name = name;\n        this<\/span>.age = age;\n    }\n\n    public<\/span> int<\/span> getAge<\/span>() {\n        return<\/span> age;\n    }\n\n    public<\/span> String getName<\/span>() {\n        return<\/span> name;\n    }\n\n    public<\/span> void<\/span> setAge<\/span>(int<\/span> age) {\n        this<\/span>.age = age;\n    }\n\n    public<\/span> void<\/span> setName<\/span>(String name) {\n        this<\/span>.name = name;\n    }\n}<\/code><\/pre>\n
\u4e00\u4e2a\u540d\u5b57\uff0c\u4e00\u4e2a\u5e74\u9f84\u4e5f\u5c31OK\u3002<\/p>\n
ItemType.java<\/h3>\n
package<\/span> net.qiujuer.example.timeline.adapter;\n\n\/**\n * Created by qiujuer\n * on 15\/8\/23.\n *\/<\/span>\npublic<\/span> class<\/span> ItemType<\/span> {<\/span>\n    public<\/span> final<\/span> static<\/span> int<\/span> NORMAL = 0<\/span>;\n\n    public<\/span> final<\/span> static<\/span> int<\/span> HEADER = 1<\/span>;\n    public<\/span> final<\/span> static<\/span> int<\/span> FOOTER = 2<\/span>;\n\n    public<\/span> final<\/span> static<\/span> int<\/span> START = 4<\/span>;\n    public<\/span> final<\/span> static<\/span> int<\/span> END = 8<\/span>;\n\n    public<\/span> final<\/span> static<\/span> int<\/span> ATOM = 16<\/span>;\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
TimeLineViewHolder.java<\/h3>\n
package<\/span> net.qiujuer.example.timeline.adapter;\n\nimport<\/span> android.support.v7.widget.RecyclerView;\nimport<\/span> android.view.View;\nimport<\/span> android.widget.TextView;\n\nimport<\/span> net.qiujuer.example.timeline.R;\nimport<\/span> net.qiujuer.example.timeline.model.TimeLineModel;\nimport<\/span> net.qiujuer.example.timeline.widget.TimeLineMarker;\n\n\/**\n * Created by qiujuer\n * on 15\/8\/23.\n *\/<\/span>\npublic<\/span> class<\/span> TimeLineViewHolder<\/span> extends<\/span> RecyclerView<\/span>.ViewHolder<\/span> {<\/span>\n    private<\/span> TextView mName;\n\n    public<\/span> TimeLineViewHolder<\/span>(View itemView, int<\/span> type) {\n        super<\/span>(itemView);\n\n        mName = (TextView) itemView.findViewById(R.id.item_time_line_txt);\n\n        TimeLineMarker mMarker = (TimeLineMarker) itemView.findViewById(R.id.item_time_line_mark);\n        if<\/span> (type == ItemType.ATOM) {\n            mMarker.setBeginLine(null<\/span>);\n            mMarker.setEndLine(null<\/span>);\n        } else<\/span> if<\/span> (type == ItemType.START) {\n            mMarker.setBeginLine(null<\/span>);\n        } else<\/span> if<\/span> (type == ItemType.END) {\n            mMarker.setEndLine(null<\/span>);\n        }\n\n    }\n\n    public<\/span> void<\/span> setData<\/span>(TimeLineModel data) {\n        mName.setText(\"Name:\"<\/span> + data.getName() + \" Age:\"<\/span> + data.getAge());\n    }\n}<\/code><\/pre>\n
\u8be5\u6587\u4ef6\u4e3aRecyclerView \u7684Adapter\u4e2d\u6bcf\u4e2aItem\u9700\u8981\u5b9e\u73b0\u7684Holder\u7c7b\u3002 \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 \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 \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 \u5728\u4e0b\u9762\u7684setData\u65b9\u6cd5\u4e2d\u6211\u4eec\u663e\u793a\u5177\u4f53\u7684Model\u6570\u636e\u3002<\/p>\n
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;\n\nimport<\/span> android.support.v7.widget.RecyclerView;\nimport<\/span> android.view.LayoutInflater;\nimport<\/span> android.view.View;\nimport<\/span> android.view.ViewGroup;\n\nimport<\/span> net.qiujuer.example.timeline.R;\nimport<\/span> net.qiujuer.example.timeline.model.TimeLineModel;\n\nimport<\/span> java.util.List;\n\n\/**\n * Created by qiujuer\n * on 15\/8\/23.\n *\/<\/span>\npublic class<\/span> TimeLineAdapter<\/span> extends<\/span> RecyclerView<\/span>.Adapter<\/span><TimeLineViewHolder<\/span>> {<\/span>\n    private<\/span> List<TimeLineModel> mDataSet;\n\n    public TimeLineAdapter(List<TimeLineModel> models) {\n        mDataSet = models;\n    }\n\n    @Override<\/span>\n    public int getItemViewType(int position) {\n        final<\/span> int size = mDataSet.size() - 1<\/span>;\n        if<\/span> (size == 0<\/span>)\n            return<\/span> ItemType.ATOM;\n        else<\/span> if<\/span> (position == 0<\/span>)\n            return<\/span> ItemType.START;\n        else<\/span> if<\/span> (position == size)\n            return<\/span> ItemType.END;\n        else<\/span> return<\/span> ItemType.NORMAL;\n    }\n\n    @Override<\/span>\n    public TimeLineViewHolder onCreateViewHolder(ViewGroup viewGroup, int viewType) {\n        \/\/ Create a new view.<\/span>\n        View v = LayoutInflater.from(viewGroup.getContext())\n                .inflate(R.layout.item_time_line, viewGroup, false<\/span>);\n        return<\/span> new<\/span> TimeLineViewHolder(v, viewType);\n    }\n\n    @Override<\/span>\n    public void onBindViewHolder(TimeLineViewHolder timeLineViewHolder, int i) {\n        timeLineViewHolder.setData(mDataSet.get(i));\n    }\n\n    @Override<\/span>\n    public int getItemCount() {\n        return<\/span> mDataSet.size();\n    }\n}<\/code><\/pre>\n
\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\n<\/p><\/blockquote>\n
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 \u5728\u8fd9\u91cc\u5c31\u53ea\u8d34\u51fa\u6838\u5fc3\u4ee3\u7801\u4e86\uff1b\u7bc7\u5e45\u4e5f\u662f\u6709\u4e9b\u957f\u3002<\/p>\n
\n    private<\/span> RecyclerView mRecycler;\n\n    @Override<\/span>\n    protected<\/span> void<\/span> onCreate<\/span>(Bundle savedInstanceState) {\n        super<\/span>.onCreate(savedInstanceState);\n        setContentView(R.layout.activity_main);\n\n        mRecycler = (RecyclerView) findViewById(R.id.time_line_recycler);\n        initRecycler();\n    }\n\n    private<\/span> void<\/span> initRecycler<\/span>() {\n        LinearLayoutManager layoutManager = new<\/span> LinearLayoutManager(this<\/span>);\n        layoutManager.setOrientation(LinearLayoutManager.VERTICAL);\n\n        TimeLineAdapter adapter = new<\/span> TimeLineAdapter(getData());\n\n        mRecycler.setLayoutManager(layoutManager);\n        mRecycler.setAdapter(adapter);\n    }\n\n    private<\/span> List<TimeLineModel> getData<\/span>() {\n        List<TimeLineModel> models = new<\/span> ArrayList<TimeLineModel>();\n\n        models.add(new<\/span> TimeLineModel(\"XiaoMing\"<\/span>, 21<\/span>));\n        models.add(new<\/span> TimeLineModel(\"XiaoFang\"<\/span>, 20<\/span>));\n        models.add(new<\/span> TimeLineModel(\"XiaoHua\"<\/span>, 25<\/span>));\n        models.add(new<\/span> TimeLineModel(\"XiaoA\"<\/span>, 22<\/span>));\n        models.add(new<\/span> TimeLineModel(\"XiaoNiu\"<\/span>, 23<\/span>));\n\n        return<\/span> models;\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
\n
\u6548\u679c<\/span><\/h2>\n
\u6765\u770b\u770b\u5177\u4f53\u7684\u6548\u679c\uff1a<\/p>\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
\u535a\u5ba2\u4ee3\u7801\u90fd\u5f00\u6e90\u5230\u9879\u76ee\u4e2d\u4e86\u3002 \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
\n
\u4e00\u53e5\u8bdd\u603b\u7ed3\uff1a\u65f6\u95f4\u7ebf\u62c6\u6210\u4e0a\u7ebf\u3001\u5706\u70b9\u3001\u4e0b\u7ebf\u4e09\u4e2a Drawable\uff1b\u7528\u81ea\u5b9a\u4e49\u5c5e\u6027\u63a7\u5236\u6837\u5f0f\uff0cAdapter \u6309\u9996\u5c3e item \u9690\u85cf\u5bf9\u5e94\u7ebf\u6bb5\uff0c\u4e22\u8fdb RecyclerView \u5373\u53ef\u3002<\/strong><\/p>\n<\/blockquote>\n<\/section>\n","protected":false},"excerpt":{"rendered":"
\u5929\u6c14\u3001\u65c5\u6e38\u7c7b App \u91cc\u5e38\u89c1\u65f6\u95f4\u7ebf\uff1a\u4e00\u6761\u7ad6\u7ebf\u52a0\u5706\u70b9\u3002\u8fd9\u7bc7\u7528\u81ea\u5b9a\u4e49 View \u5c01\u88c5\uff0c\u4e0a\u7ebf\u6bb5\u3001\u5706\u70b9\u3001\u4e0b\u7ebf\u6bb5\u53ef\u6362\u6210\u989c […]<\/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":3,"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}]}}