一、简介
承接上文:尚硅谷Android项目之_硅谷商城项目全套源码解析(五、发现)
上篇博客概括的介绍了硅谷商城项目的发现模块技术要点。本篇内容给大家讲解硅谷商城项目个人中心模块,个人中心模块用的技术主要是标题头采用GradationTitleBar实现仿QQ空间标题栏渐变效果;
二、详细资源地址
由于篇幅所限,详情情况见如下地址视频和笔记
项目免费视频讲解下载地址:http://www.atguigu.com/download.shtml
github地址:https://github.com/atguigu01/Shopping
作者:大海哥
三、效果演示:
四、技术详解:
1、标题头采用GradationTitleBar实现仿QQ空间标题栏渐变效果
1)布局
<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"> <com.hankkin.gradationscroll.GradationScrollView android:id="@+id/sv_person" android:layout_width="match_parent" android:layout_height="wrap_content"> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <RelativeLayout android:id="@+id/rl_person_header" android:layout_width="wrap_content" android:layout_height="170dp" android:background="#f00"> <ImageView android:layout_width="wrap_content" android:layout_height="170dp" android:background="@drawable/new_user_icon_background" /> <ImageButton android:id="@+id/ib_user_avator" android:layout_width="50dp" android:layout_height="50dp" android:layout_centerInParent="true" android:background="@drawable/new_user_icon" /> </RelativeLayout> <View android:layout_width="match_parent" android:layout_height="8dp" android:background="#eee" /> <RelativeLayout