Android应用开发-小巫CSDN博客客户端UI篇，成功从小公司跳槽

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:layout_weight=“1”

android:layout_gravity=“center_vertical”

android:layout_marginLeft=“4dp”

android:textColor="@color/white"

android:textStyle=“bold”

android:textSize=“21sp”

android:text="">

<ProgressBar

android:id="@+id/progress"

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_gravity=“center_vertical”

android:visibility=“gone” />

<TextView

android:id="@+id/comment"

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_gravity=“center_vertical”

android:text=""

android:textColor="@color/white"

android:textSize=“12sp”

android:layout_marginRight=“4dp”

android:gravity=“center”

android:background="@drawable/biz_news_detailpage_comment_normal"/>

说明：评论界面顶部布局。

/BlogClient/res/layout/comment_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=“horizontal”

android:paddingBottom=“8dp”

android:paddingLeft=“16dp”

android:paddingRight=“16dp”

android:paddingTop=“8dp” >

<com.xiaowu.blogclient.view.CircleImageView

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

android:id="@+id/userface"

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:background="@drawable/csdn"

app:border_color="#FFffffff"

app:border_width=“1dp” />

<LinearLayout

android:layout_width=“match_parent”

android:layout_height=“wrap_content”

android:layout_marginLeft=“5dp”

android:orientation=“vertical” >

<TextView

android:id="@+id/name"

android:layout_width=“match_parent”

android:layout_height=“wrap_content”

android:layout_marginBottom=“4dp”

android:layout_marginLeft=“5dp”

android:text=“username”

android:textColor="@color/light_blue"

android:textSize=“14sp” />

<TextView

android:id="@+id/content"

android:layout_width=“match_parent”

android:layout_height=“wrap_content”

android:layout_marginLeft=“4dp”

android:text=“mark”

android:ellipsize=“none”

android:singleLine=“false”

android:textSize=“16sp” />

<LinearLayout

android:layout_width=“match_parent”

android:layout_height=“wrap_content”

android:layout_marginTop=“4dp”

android:orientation=“horizontal” >

<TextView

android:id="@+id/replyCount"

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:gravity=“center”

android:text=""

android:textColor="@color/nomalGray"

android:textSize=“12sp” />

<TextView

android:id="@+id/date"

android:layout_width=“0dp”

android:layout_height=“wrap_content”

android:layout_weight=“1”

android:gravity=“right”

android:text=“2013-10-11”

android:textColor="@color/nomalGray"

android:textSize=“12sp” />

说明：评论列表的主题项布局。

/BlogClient/res/layout/comment_child_item.xml

<?xml version="1.0" encoding="utf-8"?>

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

android:layout_width=“match_parent”

android:layout_height=“match_parent”

android:background="@color/wangyibg2" >

<ImageView

android:layout_width=“match_parent”

android:layout_height=“4dp”

android:background="@drawable/shadow_l" />

<TextView

android:id="@+id/replyIcon"

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_centerVertical=“true”

android:layout_marginLeft=“16dp”

android:drawableLeft="@drawable/material_go_normal"

android:gravity=“center_vertical”

android:text=“回复:”

android:textColor="@color/nomalGray" />

<LinearLayout

android:layout_width=“match_parent”

android:layout_height=“wrap_content”

android:layout_marginBottom=“3dp”

android:layout_marginLeft=“16dp”

android:layout_marginRight=“16dp”

android:layout_marginTop=“3dp”

android:layout_toRightOf="@+id/replyIcon"

android:orientation=“vertical” >

<TextView

android:id="@+id/name"

android:layout_width=“match_parent”

android:layout_height=“wrap_content”

android:layout_marginBottom=“4dp”

android:text=“username”

android:textColor="@color/light_blue"

android:textSize=“12sp” />

<TextView

android:id="@+id/content"

android:layout_width=“match_parent”

android:layout_height=“wrap_content”

android:layout_marginLeft=“4dp”

android:text=“mark”

android:ellipsize=“none”

android:singleLine=“false”

android:textColor="@color/black2"

android:textSize=“14sp” />

<LinearLayout

android:layout_width=“match_parent”

android:layout_height=“wrap_content”

android:layout_marginTop=“4dp”

android:orientation=“horizontal” >

<TextView

android:id="@+id/replyCount"

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:gravity=“center”

android:text=""

android:textColor="@color/coffee"

android:textSize=“12sp” />

<TextView

android:id="@+id/date"

android:layout_width=“0dp”

android:layout_height=“wrap_content”

android:layout_weight=“1”

android:gravity=“right”

android:text=“2013-10-11”

android:textColor="@color/nomalGray"

android:textSize=“12sp” />

学习福利

【Android 详细知识点思维脑图（技能树）】

其实Android开发的知识点就那么多，面试问来问去还是那么点东西。所以面试没有其他的诀窍，只看你对这些知识点准备的充分程度。so，出去面试时先看看自己复习到了哪个阶段就好。

虽然 Android 没有前几年火热了，已经过去了会四大组件就能找到高薪职位的时代了。这只能说明 Android 中级以下的岗位饱和了，现在高级工程师还是比较缺少的，很多高级职位给的薪资真的特别高（钱多也不一定能找到合适的），所以努力让自己成为高级工程师才是最重要的。

这里附上上述的面试题相关的几十套字节跳动，京东，小米，腾讯、头条、阿里、美团等公司19年的面试题。把技术点整理成了视频和PDF（实际上比预期多花了不少精力），包含知识脉络 + 诸多细节。

由于篇幅有限，这里以图片的形式给大家展示一小部分。

网上学习 Android的资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。希望这份系统化的技术体系对大家有一个方向参考。
layout_marginTop=“4dp”

android:orientation=“horizontal” >

<TextView

android:id="@+id/replyCount"

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:gravity=“center”

android:text=""

android:textColor="@color/coffee"

android:textSize=“12sp” />

<TextView

android:id="@+id/date"

android:layout_width=“0dp”

android:layout_height=“wrap_content”

android:layout_weight=“1”

android:gravity=“right”

android:text=“2013-10-11”

android:textColor="@color/nomalGray"

android:textSize=“12sp” />

学习福利

【Android 详细知识点思维脑图（技能树）】

[外链图片转存中…(img-dVzpj5kI-1647756397933)]

其实Android开发的知识点就那么多，面试问来问去还是那么点东西。所以面试没有其他的诀窍，只看你对这些知识点准备的充分程度。so，出去面试时先看看自己复习到了哪个阶段就好。

虽然 Android 没有前几年火热了，已经过去了会四大组件就能找到高薪职位的时代了。这只能说明 Android 中级以下的岗位饱和了，现在高级工程师还是比较缺少的，很多高级职位给的薪资真的特别高（钱多也不一定能找到合适的），所以努力让自己成为高级工程师才是最重要的。

这里附上上述的面试题相关的几十套字节跳动，京东，小米，腾讯、头条、阿里、美团等公司19年的面试题。把技术点整理成了视频和PDF（实际上比预期多花了不少精力），包含知识脉络 + 诸多细节。

由于篇幅有限，这里以图片的形式给大家展示一小部分。

[外链图片转存中…(img-76bbkyfT-1647756397934)]

网上学习 Android的资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。希望这份系统化的技术体系对大家有一个方向参考。