新浪微博第三方登录界面上下拉伸图片之第三方开源PullToZoomListViewEx（二）

前端技术 2023/09/02 Android

上篇文章给大家介绍了新浪微博第三方登录界面上下拉伸图片之第三方开源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：

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

content_view.xml：

 <?xml version=\".\" 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中展开。

本文地址：https://www.stayed.cn/item/5279

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案