新浪微博第三方登录界面上下拉伸图片之第三方开源PullToZoomListViewEx(二)_安卓软件开发教程-查字典教程网
新浪微博第三方登录界面上下拉伸图片之第三方开源PullToZoomListViewEx(二)
新浪微博第三方登录界面上下拉伸图片之第三方开源PullToZoomListViewEx(二)
发布时间:2016-12-28 来源:查字典编辑
摘要:上篇文章给大家介绍了新浪微博第三方登录界面上下拉伸图片之第三方开源PullToZoomListViewEx(一),需要了解的朋友可以点击了解...

上篇文章给大家介绍了新浪微博第三方登录界面上下拉伸图片之第三方开源PullToZoomListViewEx(一),需要了解的朋友可以点击了解详情。

这是PullZoomView在ScrollView实现,Android PullZoomView在ScrollView的实现是:PullToZoomScrollViewEx

下载地址:https://github.com/Frank-Zhu/PullZoomView

本文要说的PullToZoomScrollViewEx则以另外一种方式在Java代码中动态的为PullZoomView装载View:

private void loadViewForPullToZoomScrollView(PullToZoomScrollViewEx scrollView) { View headView = LayoutInflater.from(this).inflate(R.layout.head_view, null); View zoomView = LayoutInflater.from(this).inflate(R.layout.head_zoom_view, null); View contentView = LayoutInflater.from(this).inflate(R.layout.content_view, null); scrollView.setHeaderView(headView); scrollView.setZoomView(zoomView); scrollView.setScrollContentView(contentView); }

两点内容需要注意:

(1)所有Android PullZoomView的头部及缩放效果都可以关闭或者开启,具体方式就是通过改变设置各种方法的true或false值。以下是比较重要的几个方法:

setParallax(boolean b);

true则有视差效果,false则无。

setHideHeader(boolean b);

true则隐藏自己定义的head view,false则显示。

setZoomEnabled(boolean b);

true支持缩放,false不支持缩放。

默认的,

setParallax(true); setHideHeader(false); setZoomEnabled(true);

(2)PullZoomView中嵌套的子View,需要通过getPullRootView().findViewById(R.id.xxxx)这样的方式找出来,而不是直接的findViewById()。

下面给出一个完整例子加以说明。

先写一个布局:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" xmlns:custom="http://schemas.android.com/apk/res-auto" android:layout_width="match_parent" android:layout_height="match_parent" > <com.ecloud.pulltozoomview.PullToZoomScrollViewEx android:id="@+id/scroll_view" android:layout_width="match_parent" android:layout_height="match_parent" /> </RelativeLayout>

Java代码:

package com.zzw.testpullzoomview_scrollview; import com.ecloud.pulltozoomview.PullToZoomScrollViewEx; import android.app.Activity; import android.os.Bundle; import android.util.DisplayMetrics; import android.util.Log; import android.view.LayoutInflater; import android.view.Menu; import android.view.MenuItem; import android.view.View; import android.widget.LinearLayout; public class MainActivity extends Activity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); // 注意初始化顺序,不要弄乱,否则抛出运行时空指针 PullToZoomScrollViewEx scrollView = (PullToZoomScrollViewEx) findViewById(R.id.scroll_view); loadViewForPullToZoomScrollView(scrollView); scrollView.getPullRootView().findViewById(R.id.tv_test).setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { Log.d("PullToZoomScrollViewEx", "onClick"); } }); scrollView.getPullRootView().findViewById(R.id.tv_test).setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { Log.e("PullToZoomScrollViewEx", "onClick"); } }); scrollView.getPullRootView().findViewById(R.id.tv_test).setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { Log.d("PullToZoomScrollViewEx", "onClick"); } }); setPullToZoomViewLayoutParams(scrollView); } private void loadViewForPullToZoomScrollView(PullToZoomScrollViewEx scrollView) { View headView = LayoutInflater.from(this).inflate(R.layout.head_view, null); View zoomView = LayoutInflater.from(this).inflate(R.layout.head_zoom_view, null); View contentView = LayoutInflater.from(this).inflate(R.layout.content_view, null); scrollView.setHeaderView(headView); scrollView.setZoomView(zoomView); scrollView.setScrollContentView(contentView); } // 设置头部的View的宽高。 private void setPullToZoomViewLayoutParams(PullToZoomScrollViewEx scrollView) { DisplayMetrics localDisplayMetrics = new DisplayMetrics(); getWindowManager().getDefaultDisplay().getMetrics(localDisplayMetrics); int mScreenHeight = localDisplayMetrics.heightPixels; int mScreenWidth = localDisplayMetrics.widthPixels; LinearLayout.LayoutParams localObject = new LinearLayout.LayoutParams(mScreenWidth, (int) (.F * (mScreenWidth / .F))); scrollView.setHeaderLayoutParams(localObject); } }

java代码需要的子布局:

head_view.xml:

<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: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>

head_zoom_view.xml:

<" 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其实就放了一张可供缩放拉伸的图片。

content_view.xml:

<" encoding="utf-"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:background="#ffffff" android:orientation="vertical" > <TextView android:id="@+id/tv_test" android:layout_width="match_parent" android:layout_height="wrap_content" android:gravity="center_vertical" android:padding="dp" android:text="test" android:textSize="sp" /> <TextView android:id="@+id/tv_test" android:layout_width="match_parent" android:layout_height="wrap_content" android:gravity="center_vertical" android:padding="dp" android:text="test" android:textSize="sp" /> <TextView android:id="@+id/tv_test" android:layout_width="match_parent" android:layout_height="wrap_content" android:gravity="center_vertical" android:padding="dp" android:text="test" android:textSize="sp" /> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:gravity="center_vertical" android:padding="dp" android:text="test" android:textSize="sp" /> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:gravity="center_vertical" android:padding="dp" android:text="test" android:textSize="sp" /> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:background="#eeeeee" /> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:gravity="center_vertical" android:padding="dp" android:text="test" android:textSize="sp" /> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:gravity="center_vertical" android:padding="dp" android:text="test" android:textSize="sp" /> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:gravity="center_vertical" android:padding="dp" android:text="test" android:textSize="sp" /> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:gravity="center_vertical" android:padding="dp" android:text="test" android:textSize="sp" /> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:gravity="center_vertical" android:padding="dp" android:text="test" android:textSize="sp" /> </LinearLayout>

实际开发中,如果确定要用ScrollView包括自己项目中的子View,那么content_view.xml就是其他View的装载“父”布局。重点需要在content_view.xml中展开。

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新安卓软件开发学习
    热门安卓软件开发学习
    编程开发子分类