Android Open Source - FillingEffect Scroller

• Back to Development/imageview  ↑

From Project

Back to project page FillingEffect.

License

The source code is released under:

GNU General Public License

Java Source Code

package it.federico.com.fillingeffect.views;
/* w  w w . ja  v  a 2  s  .  c om*/
import android.content.Context;
import android.content.res.Resources;
import android.graphics.drawable.BitmapDrawable;
import android.graphics.drawable.Drawable;
import android.util.AttributeSet;
import android.util.DisplayMetrics;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.RelativeLayout;
import it.federico.com.fillingeffect.R;
import it.federico.com.fillingeffect.listener.ScrollViewListener;

public class Scroller extends LinearLayout implements ScrollViewListener {

    // recommended to set a value between 2 and 5
    private static final int SCROLL_VELOCITY = 2;

    private ObservableScrollView observableScrollView;
    private BottomCropImage mMaskImage;
    private ImageView mImage;

    private int totalHeight = 0;
    private float percentageFilling = 0;
    private Listener mListener;
    private ViewGroup centeredLayout;

    public Scroller(Context context) {
        this(context, null);
    }

    public Scroller(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public Scroller(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs);
        LayoutInflater inflater = LayoutInflater.from(context);
        View root = inflater.inflate(R.layout.scroller, this, true);
        observableScrollView = (ObservableScrollView) root.findViewById(R.id.scroll_view);
        centeredLayout = (RelativeLayout) root.findViewById(R.id.centered_layout);

        mMaskImage = (BottomCropImage) root.findViewById(R.id.mask_image);
        mImage = (ImageView) root.findViewById(R.id.image);

        Drawable unfilledIcon = context.getResources().getDrawable(R.drawable.ic_icon_unfilled);

        DisplayMetrics metrics = Resources.getSystem().getDisplayMetrics();
        final int width = metrics.widthPixels;
        final int height = metrics.heightPixels;

        ViewGroup.LayoutParams params = centeredLayout.getLayoutParams();
        params.height = ((BitmapDrawable) unfilledIcon).getBitmap().getHeight();
        centeredLayout.setLayoutParams(params);
        totalHeight = height * SCROLL_VELOCITY;
        RelativeLayout relativeLayout = new RelativeLayout(context);
        relativeLayout.setLayoutParams(new LayoutParams(width, totalHeight));
        relativeLayout.setBackgroundResource(R.drawable.scroller_background);

        observableScrollView.addView(relativeLayout);
    }

    @Override
    public void onScrollChanged(ObservableScrollView scrollView, int x, int y, int oldX, int oldY) {
        float percentage = (float) ((y) * 100) / (float) (totalHeight - scrollView.getHeight());
        if (y > oldY) {
            // scrolling up
        }
        if (y < oldY) {
            // scrolling down
        }
        setLevelOfMask(percentage);
        if (mListener != null) {
            mListener.onPercentageChange(percentage);
        }
    }

    @Override
    public void onEndScroll(ObservableScrollView scrollView) {
        // write your logic
    }

    private void setLevelOfMask(float percentageOfFilling) {
        this.percentageFilling = percentageOfFilling;
        float finalHeight = ((float) (mImage.getHeight()) / 100 * percentageOfFilling);
        ViewGroup.LayoutParams params = mMaskImage.getLayoutParams();
        params.height = (int) finalHeight;
        mMaskImage.setLayoutParams(params);
    }

    /**
     * Call this method after inflating the view
     * @param percentageOfFilling percentage of the height of the mask
     */
    public void initializeScrollView(final float percentageOfFilling) {
        this.percentageFilling = percentageOfFilling;
        observableScrollView.post(new Runnable() {

            @Override
            public void run() {
                setLevelOfMask(percentageOfFilling);
                scrollTo(percentageOfFilling);
                observableScrollView.setScrollViewListener(Scroller.this);
            }
        });
    }

    /**
     * Scroll to x and y
     * @param x x value
     * @param y y value
     */
    public void scrollTo(int x, int y) {
        observableScrollView.scrollTo(x, y);
    }

    /**
     * Rezie the mask to given percentage
     * @param percentage
     */
    public void scrollTo(float percentage) {
        int newY;
        if (percentage == 100) {
            newY = getTotalHeight() - observableScrollView.getBottom();
        } else {
            newY = (int) ((getTotalHeight() - observableScrollView.getBottom()) / 100 * percentage);
        }
        observableScrollView.scrollTo(0, newY);
    }

    public Listener getListener() {
        return mListener;
    }

    public void setListener(Listener listener) {
        this.mListener = listener;
    }

    public int getTotalHeight() {
        return observableScrollView.getChildAt(0).getHeight();
    }

    public float getPercentageFilling() {
        return percentageFilling;
    }

    public interface Listener {

        void onPercentageChange(float percentage);

    }

}

Java Source Code List

• Back to Development/imageview  ↑