PullToZoomScrollViewEx 下拉放大图片处理类

• 参考 http://www.open-open.com/lib/view/open1432175568239.html
• 效果 实现了下拉放大头部图片，内容区，和 head_view 尺寸不变

自定义PullToZoomScrollViewEx

• 使用方法：这里是将该View 添加到碎片中显示的。

package xiaoxu.com.lifeservice.frag;


import android.content.Context;
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;

import xiaoxu.com.lifeservice.R;
import xiaoxu.com.lifeservice.ui.pulltozooview.PullToZoomScrollViewEx;

/**
 * Created by Administrator on 2016/5/11.
 */
public class MemberFragment extends Fragment {

    View view; //碎片要显示的布局
    Context context;
    PullToZoomScrollViewEx scrollViewEx; //下拉放大zoom_view的自定义类

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {

        return view = inflater.inflate(R.layout.fragment_member, container,false);
    }

    @Override
    public void onActivityCreated(Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);
        scrollViewEx = (PullToZoomScrollViewEx)view.findViewById(R.id.scrollView);
        context = getActivity();
        initView();

    }
    private void initView() {

        ImageView zoomView = (ImageView) LayoutInflater.from(context).inflate(R.layout.member_zoom_view,null);
        View headView = LayoutInflater.from(context).inflate(R.layout.member_head_view, null);
        View contentView = LayoutInflater.from(context).inflate(R.layout.member_content_view, null);


    /**
     * 我们只要注意PullToZoomScrollViewEx其中的三个方法：
     setZoomView（View view）我们下拉的背景，
     setScrollContentView（View view）这个是我们填充的内容，
     setHeaderView（View view）这个是和下拉背景在一起的导航头，不过这个是没有动画效果的，我们可以把它做成登录，注册。
     * */

        scrollViewEx.setHeaderView(headView);
        scrollViewEx.setScrollContentView(contentView);
        scrollViewEx.setZoomView(zoomView);

    }
}

• 一下是用到的xml文件

碎片的布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <xiaoxu.com.lifeservice.ui.pulltozooview.PullToZoomScrollViewEx
        android:id="@+id/scrollView"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

    </xiaoxu.com.lifeservice.ui.pulltozooview.PullToZoomScrollViewEx>

</LinearLayout>

下拉放大的背景图

<?xml version="1.0" encoding="utf-8"?>
<ImageView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/image"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_gravity="center_horizontal"
    android:src="@mipmap/ic_img_profile_bg"
    android:scaleType="centerCrop"
    android:contentDescription="@string/app_name">

</ImageView>

headVIew 附着在可以放大图片上的view，这里显示了登陆，和 注册

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="180dp">

    <ImageView
        android:id="@+id/iv_user_head"
        android:layout_width="40dp"
        android:layout_height="40dp"
        android:scaleType="centerCrop"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="30dp"
        android:src="@mipmap/ic_img_user_default"/>

    <TextView
        android:id="@+id/tv_user_name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/iv_user_head"
        android:text="18401222344"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="10dp"/>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/transparent_half"
        android:layout_alignParentBottom="true"
        android:divider="@mipmap/ic_img_line_v"
        android:dividerPadding="18dp"
        android:showDividers="middle">

        <TextView
            android:id="@+id/tv_register"
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="wrap_content"
            android:text="注册"
            android:gravity="center"
            android:padding="8dp"/>

        <TextView
            android:id="@+id/tv_login"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="登陆"
            android:gravity="center"
            android:padding="8dp"/>

    </LinearLayout>

</RelativeLayout>

内容区域

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#fff8f8f8"
    android:orientation="vertical">

    <TextView
        android:id="@+id/textBalance"
        android:layout_width="match_parent"
        android:layout_height="48dp"

        android:drawableLeft="@mipmap/ic_setting_balance"
        android:drawablePadding="15dp"
        android:drawableRight="@mipmap/ic_setting_arrow"
        android:gravity="center_vertical"
        android:paddingLeft="15dp"
        android:paddingRight="15dp"
        android:text="账户余额"
        android:textSize="15sp" />

    <View
        android:layout_width="match_parent"
        android:layout_height="0.5dp"
        android:layout_marginLeft="15dp"
        android:background="@mipmap/list_view_divider" />

    <TextView
        android:id="@+id/recordText"
        android:layout_width="match_parent"
        android:layout_height="48dp"
        android:drawableLeft="@mipmap/ic_setting_record"
        android:drawablePadding="15dp"
        android:drawableRight="@mipmap/ic_setting_arrow"
        android:gravity="center_vertical"
        android:paddingLeft="15dp"
        android:paddingRight="15dp"
        android:text="购房记录"
        android:textSize="15sp" />

    <View
        android:layout_width="match_parent"
        android:layout_height="0.5dp"
        android:layout_marginLeft="15dp"
        android:background="@mipmap/list_view_divider" />

    <TextView
        android:id="@+id/textAttention"
        android:layout_width="match_parent"
        android:layout_height="48dp"

        android:drawableLeft="@mipmap/ic_setting_attention"
        android:drawablePadding="15dp"
        android:drawableRight="@mipmap/ic_setting_arrow"
        android:gravity="center_vertical"
        android:paddingLeft="15dp"
        android:paddingRight="15dp"
        android:text="关注楼盘"
        android:textSize="15sp" />

    <View
        android:layout_width="match_parent"
        android:layout_height="0.5dp"
        android:layout_marginLeft="15dp"
        android:background="@mipmap/list_view_divider" />


    <TextView
        android:id="@+id/helpText"
        android:layout_width="match_parent"
        android:layout_height="48dp"
        android:drawableLeft="@mipmap/ic_setting_helper"
        android:drawablePadding="15dp"
        android:drawableRight="@mipmap/ic_setting_arrow"
        android:gravity="center_vertical"
        android:paddingLeft="15dp"
        android:paddingRight="15dp"
        android:text="购房帮助"
        android:textSize="15sp" />

    <View
        android:layout_width="match_parent"
        android:layout_height="0.5dp"
        android:layout_marginLeft="15dp"
        android:background="@mipmap/list_view_divider" />

    <TextView
        android:id="@+id/textCalculator"
        android:layout_width="match_parent"
        android:layout_height="48dp"
        android:drawableLeft="@mipmap/ic_calculator"
        android:drawablePadding="15dp"
        android:drawableRight="@mipmap/ic_setting_arrow"
        android:gravity="center_vertical"
        android:paddingLeft="15dp"
        android:paddingRight="15dp"
        android:text="房贷计算器"
        android:textSize="15sp" />

    <View
        android:layout_width="match_parent"
        android:layout_height="0.5dp"
        android:layout_marginLeft="15dp"
        android:background="@mipmap/list_view_divider" />


    <TextView
        android:id="@+id/textSetting"
        android:layout_width="match_parent"
        android:layout_height="48dp"
        android:drawableLeft="@mipmap/ic_setting_setting"
        android:drawablePadding="15dp"
        android:drawableRight="@mipmap/ic_setting_arrow"
        android:gravity="center_vertical"
        android:paddingLeft="15dp"
        android:paddingRight="15dp"
        android:text="设置"
        android:textSize="15sp" />

</LinearLayout>

效果图 以上代码并没有设置标题栏，标题栏是设置在调用它的activity中的。

注意：这里需要使用pulltozoomview (自定义的)的类。