2024年Android应用开发-小巫CSDN博客客户端UI篇，flutter页面跳转不刷新

学习路线+知识梳理

花了很长时间，就为了整理这张详细的知识路线脑图。当然由于时间有限、能力也都有限，毕竟嵌入式全体系实在太庞大了，包括我那做嵌入式的同学，也不可能什么都懂，有些东西可能没覆盖到，不足之处，还希望小伙伴们一起交流补充，一起完善进步。

这次就分享到这里吧，下篇见。

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

android:layout_width=“match_parent”

android:layout_height=“wrap_content”

android:layout_marginTop=“20dp”

android:orientation=“horizontal” >

<TextView

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_marginLeft=“5dp”

android:text=“勋章:”

android:textColor=“@color/black”

android:textSize=“16sp” />

<com.xiaowu.blogclient.view.CircleImageView

xmlns:app=“http://schemas.android.com/apk/res-auto”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_marginLeft=“5dp”

android:background=“@null”

android:src=“@drawable/columnstar_s”

app:border_color=“#FFffffff”

app:border_width=“1dp” />

<com.xiaowu.blogclient.view.CircleImageView

xmlns:app=“http://schemas.android.com/apk/res-auto”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_marginLeft=“5dp”

android:background=“@null”

android:src=“@drawable/holdon_s”

app:border_color=“#FFffffff”

app:border_width=“1dp” />

<RelativeLayout

android:layout_width=“match_parent”

android:layout_height=“wrap_content”

android:layout_marginTop=“10dp”

android:gravity=“center_horizontal”

android:orientation=“vertical” >

<TextView

android:id=“@+id/tv1”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:text=“访问：656748次”

android:textColor=“@color/black”

android:textSize=“16sp” />

<TextView

android:id=“@+id/tv2”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_alignLeft=“@+id/tv1”

android:layout_below=“@+id/tv1”

android:gravity=“left”

android:text=“积分：12296分”

android:textColor=“@color/black”

android:textSize=“16sp” />

<TextView

android:id=“@+id/tv3”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_alignLeft=“@+id/tv2”

android:layout_below=“@+id/tv2”

android:text=“排名：第281名”

android:textColor=“@color/black”

android:textSize=“16sp” />

<ImageView

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_gravity=“center_horizontal”

android:layout_marginTop=“5dp”

android:src=“@drawable/biz_pc_account_line” />

<RelativeLayout

android:layout_width=“match_parent”

android:layout_height=“wrap_content”

android:layout_marginTop=“10dp”

android:gravity=“center_horizontal”

android:orientation=“vertical” >

<TextView

android:id=“@+id/tv4”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:text=“原创：526篇”

android:textColor=“@color/black”

android:textSize=“16sp” />

<TextView

android:id=“@+id/tv5”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_marginLeft=“5dp”

android:layout_toRightOf=“@+id/tv4”

android:gravity=“left”

android:text=“转载：81篇”

android:textColor=“@color/black”

android:textSize=“16sp” />

<TextView

android:id=“@+id/tv6”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_alignLeft=“@+id/tv4”

android:layout_below=“@+id/tv4”

android:text=“译文：2篇”

android:textColor=“@color/black”

android:textSize=“16sp” />

<TextView

android:id=“@+id/tv7”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_below=“@+id/tv5”

android:layout_marginLeft=“5dp”

android:layout_toRightOf=“@+id/tv6”

android:text=“评论：956条”

android:textColor=“@color/black”

android:textSize=“16sp” />

<ImageView

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_gravity=“center_horizontal”

android:layout_marginTop=“5dp”

android:src=“@drawable/biz_pc_account_line” />

<RelativeLayout

android:id=“@+id/checkUpdateView”

android:layout_width=“match_parent”

android:layout_height=“40dp”

android:background=“@drawable/list_selector” >

<TextView

android:id=“@+id/tv8”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_centerInParent=“true”

android:layout_marginLeft=“20dp”

android:text=“检查更新”

android:textColor=“@color/black”

android:textSize=“18sp” />

<ImageView

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_alignParentRight=“true”

android:layout_centerVertical=“true”

android:layout_marginRight=“5dp”

android:focusable=“false”

android:src=“@drawable/app_recommend_arrow” />

<ImageView

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_gravity=“center_horizontal”

android:src=“@drawable/biz_pc_account_line” />

<RelativeLayout

android:id=“@+id/shareView”

android:layout_width=“match_parent”

android:layout_height=“40dp”

android:background=“@drawable/list_selector” >

<TextView

android:id=“@+id/tv9”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_centerInParent=“true”

android:layout_marginLeft=“20dp”

android:text=“分享好友”

android:textColor=“@color/black”

android:textSize=“18sp” />

<ImageView

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_alignParentRight=“true”

android:layout_centerVertical=“true”

android:layout_marginRight=“5dp”

android:focusable=“false”

android:src=“@drawable/app_recommend_arrow” />

<ImageView

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_gravity=“center_horizontal”

android:src=“@drawable/biz_pc_account_line” />

<RelativeLayout

android:id=“@+id/aboutView”

android:layout_width=“match_parent”

android:layout_height=“40dp”

android:background=“@drawable/list_selector” >

<TextView

android:id=“@+id/tv10”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_centerInParent=“true”

android:layout_marginLeft=“20dp”

android:text=“关于”

android:textColor=“@color/black”

android:textSize=“18sp” />

<ImageView

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_alignParentRight=“true”

android:layout_centerVertical=“true”

android:layout_marginRight=“5dp”

android:focusable=“false”

android:src=“@drawable/app_recommend_arrow” />

<ImageView

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_gravity=“center_horizontal”

android:src=“@drawable/biz_pc_account_line” />

<Button

android:id=“@+id/showSpot”

android:layout_width=“fill_parent”

android:layout_height=“wrap_content”

android:background=“@drawable/list_selector”

android:text=“展示插播广告” />

<ImageView

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_gravity=“center_horizontal”

android:src=“@drawable/biz_pc_account_line” />

<RelativeLayout

android:id=“@+id/adLayout”

android:layout_width=“fill_parent”

android:layout_height=“wrap_content”

android:gravity=“center_horizontal” >

</com.xiaowu.blogclient.view.PullScrollView>

说明：侧边栏使用的是SlidingMenu——侧滑菜单，也是需要包含这个库。这里要提一下的是，使用到了有下拉回弹效果的ScrollView，一个自定义控件，在小巫的手机里效果还是可以的，在分辨率小的手机可能效果没那么好。

博文列表布局

---

/BlogClient/res/layout/article_list_layout.xml

<RelativeLayout 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:background=“@color/wangyibg”

tools:context=“.MainFrag” >

<me.maxwin.view.XListView

android:id=“@+id/blogListView”

android:layout_width=“match_parent”

android:layout_height=“match_parent”

android:cacheColorHint=“#00000000”

android:divider=“@drawable/base_list_divider_drawable”

android:fadingEdge=“none”

/>

<LinearLayout

android:id=“@+id/noBlogLayout”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_centerInParent=“true”

android:visibility=“invisible”>

<ImageView

android:id=“@+id/no_blog”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:clickable=“true”

android:src=“@drawable/phiz”

android:visibility=“visible” />

<TextView

android:id=“@+id/tv_noblog”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:text=“博主还未发表文章，敬请期待！！！”/>

博文列表项布局

---

/BlogClient/res/layout/article_list_item.xml

<?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”

android:paddingBottom=“8dp”

android:paddingLeft=“16dp”

android:paddingRight=“16dp”

android:paddingTop=“8dp” >

<TextView

android:id=“@+id/title”

android:layout_width=“match_parent”

android:layout_height=“wrap_content”

android:layout_marginBottom=“8dp”

android:text=“Cocos2d-x 3.2示例UserDefaultTest（用户默认配置）”

android:textColor=“@color/black”

android:textSize=“18sp”

android:textStyle=“bold” />

<LinearLayout

android:layout_width=“match_parent”

android:layout_height=“wrap_content”

android:baselineAligned=“true”

android:orientation=“horizontal” >

<ImageView

android:id=“@+id/blogImg”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_marginRight=“8dp”

android:src=“@drawable/csdn”

android:visibility=“visible” />

<TextView

android:id=“@+id/content”

android:layout_width=“match_parent”

android:layout_height=“wrap_content”

android:ellipsize=“end”

android:singleLine=“false”

android:maxLines=“4”

android:text=“本篇博客介绍Cocos2d-x 3.2示例中的UserDefaulstTest,我们在开发中可能需要用到一些默认配置，一般会以xml形式保存。Cocos2d-x为我们提供了UserDefault类来实现这样的需求。”

android:textColor=“@color/nomalGray”

android:textSize=“14sp” />

<LinearLayout

android:layout_width=“match_parent”

android:layout_height=“wrap_content”

android:gravity=“center_vertical” >

<TextView

android:id=“@+id/date”

android:layout_width=“0dp”

android:layout_height=“wrap_content”

android:layout_weight=“1”

android:gravity=“center_vertical|right”

android:paddingTop=“8dp”

android:singleLine=“true”

android:text=“2014-08-08 17:54|141人阅读”

android:textColor=“@color/nomalGray”

android:textSize=“12sp” />

<TextView

android:id=“@+id/id”

android:layout_width=“0dp”

android:layout_height=“wrap_content”

android:layout_weight=“1”

android:gravity=“right”

android:paddingTop=“16dp”

android:text=“1”

android:textColor=“@color/nomalGray”

android:visibility=“gone” />

博文详细内容布局

---

/BlogClient/res/layout/article_detail.xml

<RelativeLayout xmlns:android=“http://schemas.android.com/apk/res/android”

android:id=“@+id/blogContentView”

android:layout_width=“match_parent”

android:layout_height=“match_parent”

android:background=“@color/wangyibg”

android:clickable=“true” >

<RelativeLayout

android:id=“@+id/head”

android:layout_width=“match_parent”

android:layout_height=“wrap_content” >

<me.maxwin.view.XListView

android:id=“@+id/listview”

android:layout_width=“match_parent”

android:layout_height=“match_parent”

android:layout_below=“@+id/head”

android:divider=“@null” />

<ProgressBar

android:id=“@+id/blogContentPro”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_centerInParent=“true”

android:indeterminateDrawable=“@drawable/progressbar_large”

android:visibility=“visible” />

<ImageView

android:id=“@+id/reLoadImage”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_centerInParent=“true”

android:clickable=“true”

android:src=“@drawable/base_empty_view”

android:visibility=“invisible” />

说明：博文详细内容的布局也是由XListView组成，所以我们可以知道整个布局就是一个ListView，然而ListView的项元素是由不同布局组成。

/BlogClient/res/layout/article_detail_title_item.xml

<?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=“match_parent”

android:orientation=“vertical” >

<TextView

android:id=“@+id/text”

android:layout_width=“match_parent”

android:layout_height=“wrap_content”

android:paddingLeft=“@dimen/activity_horizontal_margin”

android:paddingRight=“@dimen/activity_horizontal_margin”

android:paddingTop=“16dp”

android:paddingBottom=“8dp”

android:gravity=“center_vertical”

android:textSize=“21sp”

android:textStyle=“bold”

android:text=“” />

说明：博文详细内容的标题项。

/BlogClient/res/layout/article_detail_item.xml

<?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=“match_parent”

android:orientation=“vertical” >

<TextView

android:id=“@+id/text”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_gravity=“center_horizontal”

android:lineSpacingExtra=“8dp”

android:paddingLeft=“@dimen/activity_horizontal_margin”

android:paddingRight=“@dimen/activity_horizontal_margin”

android:paddingTop=“8dp”

android:paddingBottom=“8dp”

android:gravity=“center_vertical”

android:textSize=“15sp”

android:text=“” />

说明：博文详细内容的文本项。

/BlogClient/res/layout/article_detail_bold_title_item.xml

<?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=“match_parent”

android:orientation=“vertical” >

<TextView

android:id=“@+id/text”

android:layout_width=“match_parent”

android:layout_height=“wrap_content”

android:gravity=“center_vertical”

android:lineSpacingExtra=“8dp”

android:paddingBottom=“@dimen/activity_horizontal_margin”

android:paddingLeft=“@dimen/activity_horizontal_margin”

android:paddingRight=“@dimen/activity_horizontal_margin”

android:paddingTop=“@dimen/activity_horizontal_margin”

android:text=“”

android:textColor=“@color/coffee”

android:textSize=“16sp”

android:textStyle=“bold” />

说明：博文详细内容粗标题项。

/BlogClient/res/layout/article_detail_img_item.xml

<?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=“match_parent”

android:orientation=“vertical” >

<ImageView

android:id=“@+id/imageView”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_marginLeft=“@dimen/activity_horizontal_margin”

android:layout_marginRight=“@dimen/activity_horizontal_margin”

android:layout_marginTop=“8dp”

android:layout_marginBottom=“8dp”

android:background=“@drawable/biz_topic_vote_submit_default”

android:layout_gravity=“center_horizontal”/>

说明：博文详细内容的图片项。

/BlogClient/res/layout/article_detail_code_item.xml

<?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” >

<WebView

android:id=“@+id/code_view”

android:layout_width=“match_parent”

android:layout_height=“wrap_content”

android:focusableInTouchMode=“true”

android:layout_margin=“5dp”

/>

说明：博文想详细内容的代码项。

上面关于博文详细内容有多个布局，是整个客户端最复杂的布局了，大家可以好好感受一下。

博文评论列表布局

---

/BlogClient/res/layout/activity_comment.xml

<RelativeLayout xmlns:android=“http://schemas.android.com/apk/res/android”

android:id=“@+id/newsContentView”

android:layout_width=“match_parent”

android:layout_height=“match_parent”

android:background=“@color/wangyibg”

android:clickable=“true” >

<RelativeLayout

android:id=“@+id/head”

android:layout_width=“match_parent”

android:layout_height=“wrap_content” >

<me.maxwin.view.XListView

android:id=“@+id/listview”

android:layout_width=“match_parent”

android:layout_height=“match_parent”

android:layout_below=“@+id/head”

android:divider=“@drawable/base_list_divider_drawable” />

<ProgressBar

android:id=“@+id/newsContentPro”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_centerInParent=“true”

android:indeterminateDrawable=“@drawable/progressbar_large”

android:visibility=“visible” />

<ImageView

android:id=“@+id/reLoadImage”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_centerInParent=“true”

android:clickable=“true”

android:src=“@drawable/base_empty_view”

android:visibility=“invisible” />

说明：评论列表跟博文详细内容的布局类似，也是由XListView组成，只是需要区分评论和回复评论的列表项，区分的逻辑是在代码中实现的，本篇博客之说明布局实现。

/BlogClient/res/layout/comment_head.xml

<?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:background=“@drawable/biz_news_detaila_action_bar_bg”

android:orientation=“horizontal” >

<ImageView

android:id=“@+id/backBtn”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_gravity=“center_vertical”

android:layout_marginLeft=“0dp”

android:layout_marginRight=“0dp”

android:background=“@drawable/back_btn”/>

<ImageView

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_gravity=“center_vertical”

android:src=“@drawable/base_action_bar_back_divider”/>

<TextView

android:id=“@+id/headTV”

android:layout_width=“0dp”

android:layout_height=“wrap_content”

最后

总而言之，Android开发行业变化太快，作为技术人员就要保持终生学习的态度，让学习力成为核心竞争力，所谓“活到老学到老”只有不断的学习，不断的提升自己，才能跟紧行业的步伐，才能不被时代所淘汰。

在这里我分享一份自己收录整理上述技术体系图相关的几十套腾讯、头条、阿里、美团等公司20年的面试题，把技术点整理成了视频和PDF（实际上比预期多花了不少精力），包含知识脉络 + 诸多细节，由于篇幅有限，这里以图片的形式给大家展示一部分。

还有高级架构技术进阶脑图、Android开发面试专题资料，高级进阶架构资料 帮助大家学习提升进阶，也节省大家在网上搜索资料的时间来学习，也可以分享给身边好友一起学习。

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

id:layout_height=“wrap_content”

android:background=“@drawable/biz_news_detaila_action_bar_bg”

android:orientation=“horizontal” >

<ImageView

android:id=“@+id/backBtn”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_gravity=“center_vertical”

android:layout_marginLeft=“0dp”

android:layout_marginRight=“0dp”

android:background=“@drawable/back_btn”/>

<ImageView

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_gravity=“center_vertical”

android:src=“@drawable/base_action_bar_back_divider”/>

<TextView

android:id=“@+id/headTV”

android:layout_width=“0dp”

android:layout_height=“wrap_content”

最后

总而言之，Android开发行业变化太快，作为技术人员就要保持终生学习的态度，让学习力成为核心竞争力，所谓“活到老学到老”只有不断的学习，不断的提升自己，才能跟紧行业的步伐，才能不被时代所淘汰。

在这里我分享一份自己收录整理上述技术体系图相关的几十套腾讯、头条、阿里、美团等公司20年的面试题，把技术点整理成了视频和PDF（实际上比预期多花了不少精力），包含知识脉络 + 诸多细节，由于篇幅有限，这里以图片的形式给大家展示一部分。

[外链图片转存中…(img-034SGelN-1714818774201)]

[外链图片转存中…(img-UTJWz2Yp-1714818774202)]

[外链图片转存中…(img-NClAozXw-1714818774202)]

还有高级架构技术进阶脑图、Android开发面试专题资料，高级进阶架构资料 帮助大家学习提升进阶，也节省大家在网上搜索资料的时间来学习，也可以分享给身边好友一起学习。

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！