Android頭像下拉縮放動效

頭像下拉縮放動效

頭像下拉縮放這個在IOS中很常見，最近在Github上也看到了類似的效果，所以決定把它集成到我現在做的項目中去。
Github上的開源地址：https://github.com/Frank-Zhu/PullZoomView

先上1張效果圖

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:custom="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/ECECEC" >

    <include
        android:id="@+id/head"
        android:layout_width="match_parent"
        android:layout_height="@dimen/dp160"
        layout="@layout/include_head" />

    <com.vclubs.ui.component.pulltozoomview.PullToZoomScrollViewEx
        android:id="@+id/scroll_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@id/head"
        android:scrollbars="none" >
    </com.vclubs.ui.component.pulltozoomview.PullToZoomScrollViewEx>

</RelativeLayout>

java文件中就是找到這個控件，然后引用了

scrollView = (PullToZoomScrollViewEx) findViewById(R.id.scroll_view);
        View zoomView = LayoutInflater.from(this).inflate(R.layout.include_info_head, null, false);
        View contentView = LayoutInflater.from(this).inflate(R.layout.include_info_content, null, false);
        scrollView.setZoomView(zoomView);
        scrollView.setScrollContentView(contentView);

我們只要注意PullToZoomScrollViewEx其中的三個方法：
setZoomView（View view）我們下拉的背景，也就是上面展示的圖片（一輛小車）
setScrollContentView（View view）這個是我們填充的內容，也就是上圖中的個人信息
setHeaderView（View view）這個是和下拉背景在一起的導航頭，不過這個是沒有動畫效果的，我們可以把它做成登錄，注冊。

好了，這個開源框架的效果也就出來了，集成到我們項目中去，增加一點動效還是很亮眼的。希望你的項目也同樣酷炫。

PullToZoomView的使用

這個開源框架的使用主要用到的是PullToZoomListViewEx和PullToZoomScrollViewEx的2個類庫，PullToZoomListViewEx這個是ListView的下拉效果，暫時沒用到，需要的話可能要自己去研究下了。 PullToZoomScrollViewEx這個是ScrollView，用的比較多，我們經常有用戶信息界面、內容區域，都是信息量比較大的，會涉及到下拉之類的，這是我們就可以對一張頭像進行下拉效果了。
我們將開源項目下載下來，將library的src目錄下的代碼copy到自己的工程下

記住還有values目錄下的ids和attrs文件，同樣copy

集成我們自己的項目

xml布局文件