新浪微博第三方登錄界面上下拉伸圖片之第三方開源PullToZoomListViewEx（一）
更新時間：2015年12月08日 10:50:03 作者：Z2
PullZoomView要實現(xiàn)兩類，一類是典型的Android ListView，另外一類是Android 的scroll view。本文先介紹PullZoomView在ListView上的實現(xiàn)：PullToZoomListViewEx
Android PullZoomView是github上面的一個第三方開源項目，該項目實現(xiàn)的功能被新浪微博的移動端廣泛使用，其效果就是，當用戶在下拉過程中，頭部的圖片會有一定的拉伸，當用戶松開時候，圖片又收縮復位，下載地址：https://github.com/Frank-Zhu/PullZoomView
PullZoomView要實現(xiàn)兩類，一類是典型的Android ListView，另外一類是Android 的scroll view。本文先介紹PullZoomView在ListView上的實現(xiàn)：PullToZoomListViewEx。
首先需要把PullToZoomListViewEx像ListView一樣寫進布局：
<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" tools:context="com.zzw.testpullzoomview.MainActivity" > <com.ecloud.pulltozoomview.PullToZoomListViewEx xmlns:custom="http://schemas.android.com/apk/res-auto" android:id="@+id/listView" android:layout_width="match_parent" android:layout_height="match_parent" custom:headerView="@layout/head_view" custom:zoomView="@layout/head_zoom_view" /> </RelativeLayout>
需要注意的是，需要定義一個headerView：
custom:headerView="@layout/head_view" <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/layout_view" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_gravity="bottom" android:gravity="bottom"> <ImageView android:id="@+id/iv_user_head" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerInParent="true" android:background="@android:color/holo_red_light" android:src="@drawable/ic_launcher" /> <TextView android:id="@+id/tv_user_name" android:textSize="sp" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_below="@id/iv_user_head" android:layout_centerHorizontal="true" android:text="新浪微博" android:textColor="#ffffff" /> <LinearLayout android:id="@+id/ll_action_button" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="#" android:layout_alignParentBottom="true" android:padding="dip"> <TextView android:id="@+id/tv_register" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="注冊" android:layout_weight="" android:textSize="sp" android:gravity="center" android:layout_gravity="center" android:textColor="#ffffff" /> <TextView android:id="@+id/tv_login" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="登錄" android:layout_weight="" android:textSize="sp" android:gravity="center" android:layout_gravity="center" android:textColor="#ffffff" /> </LinearLayout> </RelativeLayout>
此處的headerView是位于PullToZoomListViewEx頭部的一個子布局，里面定義一些控件將出現(xiàn)在PullToZoomListViewEx的頭部，但此處的headerView并不會縮放，只是可以看到此處的headerView在隨著下拉過程中移位。
而定義的custom:zoomView：
custom:zoomView="@layout/head_zoom_view" <?xml version="." encoding="utf-"?> <ImageView xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/imageView" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_gravity="center_horizontal" android:scaleType="centerCrop" android:src="@drawable/a" />
head_zoom_view其實就是簡單的放一張圖片。
則是真正的要縮放伸展的View，此處通常會放置一張圖片，在用戶下拉過程中滑動縮放，產生奇妙的視覺效果。
在一定程度上講，zoomView是襯托在headerView底下的。headerView是一個正常顯示的Android View布局，而zoomView則是可以產生動態(tài)縮放和收縮效果的特殊zoom View。
寫一個完整的例子加以說明。
Java代碼：
package com.zzw.testpullzoomview;
import com.ecloud.pulltozoomview.PullToZoomListViewEx;
import android.app.Activity;
import android.os.Bundle;
import android.util.DisplayMetrics;
import android.util.Log;
import android.view.View;
import android.widget.AbsListView;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.ArrayAdapter;
public class MainActivity extends Activity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
PullToZoomListViewEx listView = (PullToZoomListViewEx) findViewById(R.id.listView);
String data[] = new String[];
for (int i = ; i < data.length; i++) {
data[i] = "測試數(shù)據(jù)" + i;
}
listView.setAdapter(new ArrayAdapter<String>(this, android.R.layout.simple_list_item_, data));
listView.getPullRootView().setOnItemClickListener(new OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
Log.d("position", "getPullRootView--->position = " + position);
}
});
listView.setOnItemClickListener(new OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
Log.d("position", "position = " + position);
}
});
setPullToZoomListViewExHeaderLayoutParams(listView);
}
// 設置頭部的View的寬高。
private void setPullToZoomListViewExHeaderLayoutParams(PullToZoomListViewEx listView) {
DisplayMetrics localDisplayMetrics = new DisplayMetrics();
getWindowManager().getDefaultDisplay().getMetrics(localDisplayMetrics);
int mScreenHeight = localDisplayMetrics.heightPixels;
int mScreenWidth = localDisplayMetrics.widthPixels;
AbsListView.LayoutParams localObject = new AbsListView.LayoutParams(mScreenWidth,
(int) (.f * (mScreenWidth / .F)));
listView.setHeaderLayoutParams(localObject);
}
}
以上所述是本文關于新浪微博第三方登錄界面上下拉伸圖片之第三方開源PullToZoomListViewEx（一）的全部敘述，希望大家喜歡，下篇給大家介紹新浪微博第三方登錄界面上下拉伸圖片之第三方開源PullToZoomListViewEx（二），希望大家繼續(xù)關注。
相關文章
android bitmap compress(圖片壓縮)代碼
android bitmap compress(圖片壓縮)代碼，需要的朋友可以參考一下2013-06-06
Android如何實現(xiàn)動態(tài)滾動波形圖(心電圖)功能
這篇文章主要介紹了Android如何實現(xiàn)動態(tài)滾動波形圖(心電圖)功能，幫助大家更好的理解和學習使用Android，感興趣的朋友可以了解下2021-03-03
android 線性布局LinearLayout實例代碼，需要的朋友可以參考一下2013-05-05
Android里的ProgressBar默認為一個不斷轉圈的圓，它也可以自定義。這篇文章主要通過示例和大家介紹下ProgressBar的使用，感興趣的可以了解一下2022-11-11
Android XRecyclerView實現(xiàn)多條目加載
這篇文章主要為大家詳細介紹了Android XRecyclerView實現(xiàn)多條目加載效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-10-10
Android實現(xiàn)雙模(CDMA/GSM)手機短信監(jiān)聽的方法
這篇文章主要介紹了Android實現(xiàn)雙模(CDMA/GSM)手機短信監(jiān)聽的方法,涉及Android短信的原理與相關操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下2016-06-06
這篇文章主要介紹了android編程判斷應用是否具有某個權限的方法,涉及Android進程操作及權限控制的相關使用技巧,需要的朋友可以參考下2015-10-10
這篇文章主要為大家介紹了Android?Service啟動綁定流程詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-03-03
這篇文章主要為大家詳細介紹了RecyclerView實現(xiàn)探探卡片滑動效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-01-01
這篇文章主要為大家詳細介紹了Android時間對話框的使用方法，包括analogclock和digitalclock顯示時鐘的控件，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-08-08