当前位置:  首页  >  PHP资讯  >  业界资讯

新浪微博第三方登录界面上下拉伸图片之第三方开源PullToZoomListViewEx(一)

PullZoomView要实现两类,一类是典型的AndroidListView,另外一类是Android的scrollview。本文先介绍PullZoomView在ListView上的实现:PullToZoomListViewEx

Android PullZoomView是github上面的一个第三方开源项目,该项目实现的功能被新浪微博的移动端广泛使用,其效果就是,当用户在下拉过程中,头部的图片会有一定的拉伸,当用户松开时候,图片又收缩复位,下载地址:https://github.com/Frank-Zhu/PullZoomView

PullZoomView要实现两类,一类是典型的Android ListView,另外一类是Android 的scroll view。本文先介绍PullZoomView在ListView上的实现:PullToZoomListViewEx。

首先需要把PullToZoomListViewEx像ListView一样写进布局:

   

需要注意的是,需要定义一个headerView:

 custom:headerView="@layout/head_view"         

此处的headerView是位于PullToZoomListViewEx头部的一个子布局,里面定义一些控件将出现在PullToZoomListViewEx的头部,但此处的headerView并不会缩放,只是可以看到此处的headerView在随着下拉过程中移位。

而定义的custom:zoomView:

 custom:zoomView="@layout/head_zoom_view" <&#63;xml version="." encoding="utf-"&#63;>  

head_zoom_view其实就是简单的放一张图片。

则是真正的要缩放伸展的View,此处通常会放置一张图片,在用户下拉过程中滑动缩放,产生奇妙的视觉效果。
在一定程度上讲,zoomView是衬托在headerView底下的。headerView是一个正常显示的Android View布局,而zoomView则是可以产生动态缩放和收缩效果的特殊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 (this, android.R.layout.simple_list_item_, data)); listView.getPullRootView().setOnItemClickListener(new OnItemClickListener() { @Override public void onItemClick(AdapterView<&#63;> parent, View view, int position, long id) { Log.d("position", "getPullRootView--->position = " + position); } }); listView.setOnItemClickListener(new OnItemClickListener() { @Override public void onItemClick(AdapterView<&#63;> 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(二),希望大家继续关注。

内容推荐:免费高清PNG素材下载
吐了个 "CAO" !
扫码关注 PHP1 官方微信号
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved PHP1.CN 第一PHP社区 版权所有 京ICP备19059560号-4