Android一个类似腾讯 QQ 背景图片可以上下左右移动的 imageview

CoolImageView

项目地址： HuTianQi/CoolImageView

简介：一个类似腾讯 QQ 背景图片可以上下移动的 imageview，功能比腾讯 QQ 更加强大，还支持左右移动，支持在 xml 文件中设置移动方向（注意：是背景图片的移动，不是用动画让控件移动，那太简单了）

A imageView is similar to QQ that imageView background picture can move up and down，But the function is more powerful than QQ,it also supports left and right movement

 

Dynamic effect preview （Because the gif resources are large, please wait for the resources to complete the load）

this is background picture left and right movement

this is background picture move up and down

How to use

step1: Add the following to your attrs.xml file (in res/values):

<resources>
    <declare-styleable name="CoolImageView">
        <attr name="direction" format="string"/>
    </declare-styleable>
</resources>

step2:Add the following code to the root view of your layout:

xmlns:app="http://schemas.android.com/apk/res-auto"

step3:Add the widget code in the appropriate place in your xml file, Here's a sample implementation:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="com.example.hzhuqi.coolimagview.MainActivity">

    <com.example.hzhuqi.coolimagview.CoolImageView
        android:layout_width="wrap_content"
        android:layout_height="300dp"
        android:src="@mipmap/qq"
        app:direction="horizontal"

       >
    </com.example.hzhuqi.coolimagview.CoolImageView>

    <com.example.hzhuqi.coolimagview.CoolImageView
        android:layout_marginTop="@dimen/activity_vertical_margin"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:src="@mipmap/qq_"
        app:direction="vertical"
        >
    </com.example.hzhuqi.coolimagview.CoolImageView>
</LinearLayout>

Notice:

you should set direction properties in your xml file,If you don't want to do that.You can use ordinary ImageView instead