├── README.md
├── firstPage_template1.apk
├── firstPage_template1
    ├── .classpath
    ├── .project
    ├── .settings
    │   └── org.eclipse.jdt.core.prefs
    ├── AndroidManifest.xml
    ├── gen
    │   └── com
    │   │   └── stone
    │   │       └── firstpage
    │   │           ├── BuildConfig.java
    │   │           └── R.java
    ├── ic_launcher-web.png
    ├── libs_ref
    │   └── android-support-v4.jar
    ├── proguard-project.txt
    ├── project.properties
    ├── res
    │   ├── anim
    │   │   ├── anim_item.xml
    │   │   ├── bottom_shake.xml
    │   │   ├── cycle_interpolator.xml
    │   │   ├── image_in.xml
    │   │   ├── layout_animation.xml
    │   │   ├── left_shake.xml
    │   │   └── right_shake.xml
    │   ├── drawable-hdpi
    │   │   ├── ic_launcher.png
    │   │   ├── image01.jpg
    │   │   ├── image02.jpg
    │   │   ├── image03.jpg
    │   │   ├── image04.jpg
    │   │   ├── image05.jpg
    │   │   ├── left.png
    │   │   ├── right.png
    │   │   └── up.png
    │   ├── drawable-mdpi
    │   │   └── ic_launcher.png
    │   ├── drawable-xhdpi
    │   │   └── ic_launcher.png
    │   ├── drawable-xxhdpi
    │   │   └── ic_launcher.png
    │   ├── layout
    │   │   ├── activity_main.xml
    │   │   ├── fragment_main.xml
    │   │   └── template1_layout.xml
    │   ├── values-w820dp
    │   │   └── dimens.xml
    │   └── values
    │   │   ├── dimens.xml
    │   │   ├── strings.xml
    │   │   └── styles.xml
    └── src
    │   └── com
    │       └── stone
    │           └── firstpage
    │               ├── AntiAliasTextView.java
    │               ├── ImageSlidePanel.java
    │               ├── MainActivity.java
    │               └── Template1Fragment.java
├── screen01.gif
└── screen02.gif


/README.md:
--------------------------------------------------------------------------------
 1 | # android-image-slide-panel
 2 | image as a card, which can be slided to the left or the right and fade away<br>
 3 | 
 4 | To highlight my English skills, i decide to create this README.md file in English this time.<br>
 5 | Here should arise some applause.<br>
 6 | 
 7 | ####original intention
 8 | There exists a Chinese app "初页" which enables users to customize their gorgeous html5 pages, which is really cool. I was totally shocked at the first sight of those various splendid H5 visual effects. <br><br>
 9 | Recently, as i was not busy at my work time, i decide to implement one of those fantastic effects in native android language. However, while i was able to control every details when sliding the image which is on the screen, i added some new features to this demo, and maybe you will like it more. 
10 | ####features
11 | * only the foremost image could be slided to the horizontal side of the screen and fade away.
12 | * the image which was faded away is restored at the bottom of the view stack.
13 | * all the images could be reborn without creating a new view.
14 | 
15 | ####captured images
16 | <td>
17 |   <img src="screen01.gif" width="300" height="500" />
18 |   <img src="screen02.gif" width="300" height="500" style="margin-left:50px" />
19 | </td>
20 | 
21 | #### demo apk
22 | [apk download](firstPage_template1.apk) (right in this github project)
23 | 
24 | ####extras
25 | When you see the source files, you will find that there exists lots of Chinese explainations. However, i did not complete a commonly used ViewGroup widget which is compatable with all kinds of veiws.<br><br>
26 | And, i m clear about one thing: the imageViews could be replaced with other kinds of components, such as Fragments/LinearLayout and so on. <br><br>
27 | Anything problems, please contact my email: 120809170@qq.com
28 | 


--------------------------------------------------------------------------------
/firstPage_template1.apk:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/luinnx/android-image-slide-panel/5468008d332fdcde4c07133e26fee4332577b03d/firstPage_template1.apk


--------------------------------------------------------------------------------
/firstPage_template1/.classpath:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8"?>
 2 | <classpath>
 3 | 	<classpathentry kind="src" path="src"/>
 4 | 	<classpathentry kind="src" path="gen"/>
 5 | 	<classpathentry kind="con" path="com.android.ide.eclipse.adt.ANDROID_FRAMEWORK"/>
 6 | 	<classpathentry exported="true" kind="con" path="com.android.ide.eclipse.adt.LIBRARIES"/>
 7 | 	<classpathentry exported="true" kind="con" path="com.android.ide.eclipse.adt.DEPENDENCIES"/>
 8 | 	<classpathentry exported="true" kind="lib" path="libs_ref/android-support-v4.jar" sourcepath="D:/adt-bundle-windows-x86_64-20140321/sdk/extras/android/support/v4/src">
 9 | 		<attributes>
10 | 			<attribute name="source_encoding" value="UTF-8"/>
11 | 		</attributes>
12 | 	</classpathentry>
13 | 	<classpathentry kind="output" path="bin/classes"/>
14 | </classpath>
15 | 


--------------------------------------------------------------------------------
/firstPage_template1/.project:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8"?>
 2 | <projectDescription>
 3 | 	<name>firstPage_template1</name>
 4 | 	<comment></comment>
 5 | 	<projects>
 6 | 	</projects>
 7 | 	<buildSpec>
 8 | 		<buildCommand>
 9 | 			<name>com.android.ide.eclipse.adt.ResourceManagerBuilder</name>
10 | 			<arguments>
11 | 			</arguments>
12 | 		</buildCommand>
13 | 		<buildCommand>
14 | 			<name>com.android.ide.eclipse.adt.PreCompilerBuilder</name>
15 | 			<arguments>
16 | 			</arguments>
17 | 		</buildCommand>
18 | 		<buildCommand>
19 | 			<name>org.eclipse.jdt.core.javabuilder</name>
20 | 			<arguments>
21 | 			</arguments>
22 | 		</buildCommand>
23 | 		<buildCommand>
24 | 			<name>com.android.ide.eclipse.adt.ApkBuilder</name>
25 | 			<arguments>
26 | 			</arguments>
27 | 		</buildCommand>
28 | 	</buildSpec>
29 | 	<natures>
30 | 		<nature>com.android.ide.eclipse.adt.AndroidNature</nature>
31 | 		<nature>org.eclipse.jdt.core.javanature</nature>
32 | 	</natures>
33 | </projectDescription>
34 | 


--------------------------------------------------------------------------------
/firstPage_template1/.settings/org.eclipse.jdt.core.prefs:
--------------------------------------------------------------------------------
 1 | eclipse.preferences.version=1
 2 | org.eclipse.jdt.core.compiler.codegen.inlineJsrBytecode=enabled
 3 | org.eclipse.jdt.core.compiler.codegen.targetPlatform=1.6
 4 | org.eclipse.jdt.core.compiler.codegen.unusedLocal=preserve
 5 | org.eclipse.jdt.core.compiler.compliance=1.6
 6 | org.eclipse.jdt.core.compiler.debug.lineNumber=generate
 7 | org.eclipse.jdt.core.compiler.debug.localVariable=generate
 8 | org.eclipse.jdt.core.compiler.debug.sourceFile=generate
 9 | org.eclipse.jdt.core.compiler.problem.assertIdentifier=error
10 | org.eclipse.jdt.core.compiler.problem.enumIdentifier=error
11 | org.eclipse.jdt.core.compiler.source=1.6
12 | 


--------------------------------------------------------------------------------
/firstPage_template1/AndroidManifest.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <manifest xmlns:android="http://schemas.android.com/apk/res/android"
 3 |     package="com.stone.firstpage"
 4 |     android:versionCode="1"
 5 |     android:versionName="1.0" >
 6 | 
 7 |     <uses-sdk
 8 |         android:minSdkVersion="8"
 9 |         android:targetSdkVersion="19" />
10 | 
11 |     <application
12 |         android:allowBackup="true"
13 |         android:hardwareAccelerated="true"
14 |         android:icon="@drawable/ic_launcher"
15 |         android:label="@string/app_name"
16 |         android:theme="@style/AppTheme" >
17 |         <activity
18 |             android:name="com.stone.firstpage.MainActivity"
19 |             android:label="@string/app_name" >
20 |             <intent-filter>
21 |                 <action android:name="android.intent.action.MAIN" />
22 |                 <category android:name="android.intent.category.LAUNCHER" />
23 |             </intent-filter>
24 |         </activity>
25 |     </application>
26 | 
27 | </manifest>


--------------------------------------------------------------------------------
/firstPage_template1/gen/com/stone/firstpage/BuildConfig.java:
--------------------------------------------------------------------------------
1 | /** Automatically generated file. DO NOT MODIFY */
2 | package com.stone.firstpage;
3 | 
4 | public final class BuildConfig {
5 |     public final static boolean DEBUG = true;
6 | }


--------------------------------------------------------------------------------
/firstPage_template1/gen/com/stone/firstpage/R.java:
--------------------------------------------------------------------------------
 1 | /* AUTO-GENERATED FILE.  DO NOT MODIFY.
 2 |  *
 3 |  * This class was automatically generated by the
 4 |  * aapt tool from the resource data it found.  It
 5 |  * should not be modified by hand.
 6 |  */
 7 | 
 8 | package com.stone.firstpage;
 9 | 
10 | public final class R {
11 |     public static final class anim {
12 |         public static final int bottom_shake=0x7f040000;
13 |         public static final int cycle_interpolator=0x7f040001;
14 |         public static final int image_in=0x7f040002;
15 |         public static final int left_shake=0x7f040003;
16 |         public static final int right_shake=0x7f040004;
17 |     }
18 |     public static final class attr {
19 |     }
20 |     public static final class dimen {
21 |         /**  Default screen margins, per the Android Design guidelines. 
22 | 
23 |          Example customization of dimensions originally defined in res/values/dimens.xml
24 |          (such as screen margins) for screens with more than 820dp of available width. This
25 |          would include 7" and 10" devices in landscape (~960dp and ~1280dp respectively).
26 |     
27 |          */
28 |         public static final int activity_horizontal_margin=0x7f050000;
29 |         public static final int activity_vertical_margin=0x7f050001;
30 |         public static final int imgpanel_margin_bottom=0x7f050002;
31 |     }
32 |     public static final class drawable {
33 |         public static final int ic_launcher=0x7f020000;
34 |         public static final int image01=0x7f020001;
35 |         public static final int image02=0x7f020002;
36 |         public static final int image03=0x7f020003;
37 |         public static final int image04=0x7f020004;
38 |         public static final int image05=0x7f020005;
39 |         public static final int left=0x7f020006;
40 |         public static final int right=0x7f020007;
41 |         public static final int up=0x7f020008;
42 |     }
43 |     public static final class id {
44 |         public static final int bottom_shake=0x7f080004;
45 |         public static final int container=0x7f080000;
46 |         public static final int image_slide_panel=0x7f080001;
47 |         public static final int left_shake=0x7f080002;
48 |         public static final int right_shake=0x7f080003;
49 |     }
50 |     public static final class layout {
51 |         public static final int activity_main=0x7f030000;
52 |         public static final int fragment_main=0x7f030001;
53 |         public static final int template1_layout=0x7f030002;
54 |     }
55 |     public static final class string {
56 |         public static final int action_settings=0x7f060002;
57 |         public static final int app_name=0x7f060000;
58 |         public static final int hello_world=0x7f060001;
59 |     }
60 |     public static final class style {
61 |         /** 
62 |         Base application theme, dependent on API level. This theme is replaced
63 |         by AppBaseTheme from res/values-vXX/styles.xml on newer devices.
64 | 
65 | 
66 |     
67 | 
68 |             Theme customizations available in newer API levels can go in
69 |             res/values-vXX/styles.xml, while customizations related to
70 |             backward-compatibility can go here.
71 | 
72 | 
73 |         
74 |          */
75 |         public static final int AppBaseTheme=0x7f070000;
76 |         /**  Application theme. 
77 |  All customizations that are NOT specific to a particular API-level can go here. 
78 |          */
79 |         public static final int AppTheme=0x7f070001;
80 |     }
81 | }
82 | 


--------------------------------------------------------------------------------
/firstPage_template1/ic_launcher-web.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/luinnx/android-image-slide-panel/5468008d332fdcde4c07133e26fee4332577b03d/firstPage_template1/ic_launcher-web.png


--------------------------------------------------------------------------------
/firstPage_template1/libs_ref/android-support-v4.jar:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/luinnx/android-image-slide-panel/5468008d332fdcde4c07133e26fee4332577b03d/firstPage_template1/libs_ref/android-support-v4.jar


--------------------------------------------------------------------------------
/firstPage_template1/proguard-project.txt:
--------------------------------------------------------------------------------
 1 | # To enable ProGuard in your project, edit project.properties
 2 | # to define the proguard.config property as described in that file.
 3 | #
 4 | # Add project specific ProGuard rules here.
 5 | # By default, the flags in this file are appended to flags specified
 6 | # in ${sdk.dir}/tools/proguard/proguard-android.txt
 7 | # You can edit the include path and order by changing the ProGuard
 8 | # include property in project.properties.
 9 | #
10 | # For more details, see
11 | #   http://developer.android.com/guide/developing/tools/proguard.html
12 | 
13 | # Add any project specific keep options here:
14 | 
15 | # If your project uses WebView with JS, uncomment the following
16 | # and specify the fully qualified class name to the JavaScript interface
17 | # class:
18 | #-keepclassmembers class fqcn.of.javascript.interface.for.webview {
19 | #   public *;
20 | #}
21 | 


--------------------------------------------------------------------------------
/firstPage_template1/project.properties:
--------------------------------------------------------------------------------
 1 | # This file is automatically generated by Android Tools.
 2 | # Do not modify this file -- YOUR CHANGES WILL BE ERASED!
 3 | #
 4 | # This file must be checked in Version Control Systems.
 5 | #
 6 | # To customize properties used by the Ant build system edit
 7 | # "ant.properties", and override values to adapt the script to your
 8 | # project structure.
 9 | #
10 | # To enable ProGuard to shrink and obfuscate your code, uncomment this (available properties: sdk.dir, user.home):
11 | #proguard.config=${sdk.dir}/tools/proguard/proguard-android.txt:proguard-project.txt
12 | 
13 | # Project target.
14 | target=android-17
15 | 


--------------------------------------------------------------------------------
/firstPage_template1/res/anim/anim_item.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="utf-8"?>
2 | <set xmlns:android="http://schemas.android.com/apk/res/android" >
3 | 
4 |     <alpha
5 |         android:startOffset="400"
6 |         android:duration="800"
7 |         android:fromAlpha="0"
8 |         android:toAlpha="1" />
9 | </set>


--------------------------------------------------------------------------------
/firstPage_template1/res/anim/bottom_shake.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <set xmlns:android="http://schemas.android.com/apk/res/android" >
 3 | 
 4 |     <translate
 5 |         android:duration="1500"
 6 |         android:fromYDelta="0"
 7 |         android:interpolator="@anim/cycle_interpolator"
 8 |         android:repeatCount="infinite"
 9 |         android:repeatMode="restart"
10 |         android:toYDelta="-50" />
11 | 
12 |     <alpha
13 |         android:duration="400"
14 |         android:fromAlpha="1"
15 |         android:repeatCount="infinite"
16 |         android:repeatMode="restart"
17 |         android:startOffset="1100"
18 |         android:toAlpha="0" />
19 | 
20 | </set>


--------------------------------------------------------------------------------
/firstPage_template1/res/anim/cycle_interpolator.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="utf-8"?>
2 | <cycleInterpolator xmlns:android="http://schemas.android.com/apk/res/android"
3 |     android:cycles="4" />
4 | 


--------------------------------------------------------------------------------
/firstPage_template1/res/anim/image_in.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <set xmlns:android="http://schemas.android.com/apk/res/android" >
 3 | 
 4 |     <translate
 5 |         android:duration="400"
 6 |         android:fromXDelta="-400"
 7 |         android:fromYDelta="800"
 8 |         android:interpolator="@android:anim/accelerate_decelerate_interpolator"
 9 |         android:toXDelta="0"
10 |         android:toYDelta="0" />
11 | 
12 |     <alpha
13 |         android:duration="100"
14 |         android:fromAlpha="0"
15 |         android:toAlpha="1" />
16 | 
17 | </set>


--------------------------------------------------------------------------------
/firstPage_template1/res/anim/layout_animation.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="utf-8"?>
2 | <layoutAnimation xmlns:android="http://schemas.android.com/apk/res/android"
3 |     android:animation="@anim/anim_item"
4 |     android:animationOrder="normal"
5 |     android:delay="30%" />
6 | 


--------------------------------------------------------------------------------
/firstPage_template1/res/anim/left_shake.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <set xmlns:android="http://schemas.android.com/apk/res/android" >
 3 | 
 4 |     <translate
 5 |         android:duration="800"
 6 |         android:fromXDelta="50"
 7 |         android:repeatCount="infinite"
 8 |         android:repeatMode="reverse"
 9 |         android:toXDelta="10" />
10 | 
11 | </set>


--------------------------------------------------------------------------------
/firstPage_template1/res/anim/right_shake.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <set xmlns:android="http://schemas.android.com/apk/res/android" >
 3 | 
 4 |     <translate
 5 |         android:duration="800"
 6 |         android:fromXDelta="-50"
 7 |         android:repeatCount="infinite"
 8 |         android:repeatMode="reverse"
 9 |         android:toXDelta="-10" />
10 | 
</set>


--------------------------------------------------------------------------------
/firstPage_template1/res/drawable-hdpi/ic_launcher.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/luinnx/android-image-slide-panel/5468008d332fdcde4c07133e26fee4332577b03d/firstPage_template1/res/drawable-hdpi/ic_launcher.png


--------------------------------------------------------------------------------
/firstPage_template1/res/drawable-hdpi/image01.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/luinnx/android-image-slide-panel/5468008d332fdcde4c07133e26fee4332577b03d/firstPage_template1/res/drawable-hdpi/image01.jpg


--------------------------------------------------------------------------------
/firstPage_template1/res/drawable-hdpi/image02.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/luinnx/android-image-slide-panel/5468008d332fdcde4c07133e26fee4332577b03d/firstPage_template1/res/drawable-hdpi/image02.jpg


--------------------------------------------------------------------------------
/firstPage_template1/res/drawable-hdpi/image03.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/luinnx/android-image-slide-panel/5468008d332fdcde4c07133e26fee4332577b03d/firstPage_template1/res/drawable-hdpi/image03.jpg


--------------------------------------------------------------------------------
/firstPage_template1/res/drawable-hdpi/image04.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/luinnx/android-image-slide-panel/5468008d332fdcde4c07133e26fee4332577b03d/firstPage_template1/res/drawable-hdpi/image04.jpg


--------------------------------------------------------------------------------
/firstPage_template1/res/drawable-hdpi/image05.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/luinnx/android-image-slide-panel/5468008d332fdcde4c07133e26fee4332577b03d/firstPage_template1/res/drawable-hdpi/image05.jpg


--------------------------------------------------------------------------------
/firstPage_template1/res/drawable-hdpi/left.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/luinnx/android-image-slide-panel/5468008d332fdcde4c07133e26fee4332577b03d/firstPage_template1/res/drawable-hdpi/left.png


--------------------------------------------------------------------------------
/firstPage_template1/res/drawable-hdpi/right.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/luinnx/android-image-slide-panel/5468008d332fdcde4c07133e26fee4332577b03d/firstPage_template1/res/drawable-hdpi/right.png


--------------------------------------------------------------------------------
/firstPage_template1/res/drawable-hdpi/up.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/luinnx/android-image-slide-panel/5468008d332fdcde4c07133e26fee4332577b03d/firstPage_template1/res/drawable-hdpi/up.png


--------------------------------------------------------------------------------
/firstPage_template1/res/drawable-mdpi/ic_launcher.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/luinnx/android-image-slide-panel/5468008d332fdcde4c07133e26fee4332577b03d/firstPage_template1/res/drawable-mdpi/ic_launcher.png


--------------------------------------------------------------------------------
/firstPage_template1/res/drawable-xhdpi/ic_launcher.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/luinnx/android-image-slide-panel/5468008d332fdcde4c07133e26fee4332577b03d/firstPage_template1/res/drawable-xhdpi/ic_launcher.png


--------------------------------------------------------------------------------
/firstPage_template1/res/drawable-xxhdpi/ic_launcher.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/luinnx/android-image-slide-panel/5468008d332fdcde4c07133e26fee4332577b03d/firstPage_template1/res/drawable-xxhdpi/ic_launcher.png


--------------------------------------------------------------------------------
/firstPage_template1/res/layout/activity_main.xml:
--------------------------------------------------------------------------------
1 | <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
2 |     xmlns:tools="http://schemas.android.com/tools"
3 |     android:id="@+id/container"
4 |     android:layout_width="match_parent"
5 |     android:layout_height="match_parent"
6 |     tools:context="com.stone.firstpage.MainActivity"
7 |     tools:ignore="MergeRootFrame" />
8 | 
9 | 


--------------------------------------------------------------------------------
/firstPage_template1/res/layout/fragment_main.xml:
--------------------------------------------------------------------------------
 1 | <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
 2 |     xmlns:tools="http://schemas.android.com/tools"
 3 |     android:layout_width="match_parent"
 4 |     android:layout_height="match_parent"
 5 |     android:paddingBottom="@dimen/activity_vertical_margin"
 6 |     android:paddingLeft="@dimen/activity_horizontal_margin"
 7 |     android:paddingRight="@dimen/activity_horizontal_margin"
 8 |     android:paddingTop="@dimen/activity_vertical_margin"
 9 |     tools:context="com.stone.firstpage.MainActivity$PlaceholderFragment" >
10 | 
11 |     <TextView
12 |         android:layout_width="wrap_content"
13 |         android:layout_height="wrap_content"
14 |         android:text="@string/hello_world" />
15 | 
16 | </RelativeLayout>
17 | 


--------------------------------------------------------------------------------
/firstPage_template1/res/layout/template1_layout.xml:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" encoding="utf-8"?>
  2 | <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3 |     android:layout_width="match_parent"
  4 |     android:layout_height="match_parent"
  5 |     android:background="#fff"
  6 |     android:orientation="vertical" >
  7 | 
  8 |     <LinearLayout
  9 |         android:layout_width="match_parent"
 10 |         android:layout_height="160dp"
 11 |         android:gravity="center"
 12 |         android:layoutAnimation="@anim/layout_animation"
 13 |         android:orientation="vertical" >
 14 | 
 15 |         <TextView
 16 |             android:layout_width="fill_parent"
 17 |             android:layout_height="wrap_content"
 18 |             android:gravity="center_horizontal"
 19 |             android:text="有没有"
 20 |             android:textColor="#222"
 21 |             android:textSize="24sp" />
 22 | 
 23 |         <TextView
 24 |             android:layout_width="fill_parent"
 25 |             android:layout_height="wrap_content"
 26 |             android:layout_marginTop="15dp"
 27 |             android:gravity="center_horizontal"
 28 |             android:text="那么一个永远"
 29 |             android:textColor="#666"
 30 |             android:textSize="20sp" />
 31 | 
 32 |         <TextView
 33 |             android:layout_width="fill_parent"
 34 |             android:layout_height="wrap_content"
 35 |             android:layout_marginTop="15dp"
 36 |             android:gravity="center_horizontal"
 37 |             android:text="永远不改变"
 38 |             android:textColor="#aaa"
 39 |             android:textSize="16sp" />
 40 |     </LinearLayout>
 41 | 
 42 |     <RelativeLayout
 43 |         android:layout_width="fill_parent"
 44 |         android:layout_height="fill_parent" >
 45 | 
 46 |         <com.stone.firstpage.ImageSlidePanel
 47 |             android:id="@+id/image_slide_panel"
 48 |             android:layout_width="fill_parent"
 49 |             android:layout_height="fill_parent" >
 50 | 
 51 |             <com.stone.firstpage.AntiAliasTextView
 52 |                 android:layout_width="225dp"
 53 |                 android:layout_height="300dp"
 54 |                 android:layout_gravity="center"
 55 |                 android:layout_marginBottom="@dimen/imgpanel_margin_bottom"
 56 |                 android:background="@drawable/image01"
 57 |                 android:gravity="center"
 58 |                 android:text="这个是Text1"
 59 |                 android:visibility="invisible" />
 60 | 
 61 |             <com.stone.firstpage.AntiAliasTextView
 62 |                 android:layout_width="225dp"
 63 |                 android:layout_height="300dp"
 64 |                 android:layout_gravity="center"
 65 |                 android:layout_marginBottom="@dimen/imgpanel_margin_bottom"
 66 |                 android:background="@drawable/image02"
 67 |                 android:gravity="center"
 68 |                 android:text="这个是Text2"
 69 |                 android:visibility="invisible" />
 70 | 
 71 |             <com.stone.firstpage.AntiAliasTextView
 72 |                 android:layout_width="225dp"
 73 |                 android:layout_height="300dp"
 74 |                 android:layout_gravity="center"
 75 |                 android:layout_marginBottom="@dimen/imgpanel_margin_bottom"
 76 |                 android:background="@drawable/image03"
 77 |                 android:gravity="center"
 78 |                 android:text="这个是Text3"
 79 |                 android:visibility="invisible" />
 80 | 
 81 |             <com.stone.firstpage.AntiAliasTextView
 82 |                 android:layout_width="225dp"
 83 |                 android:layout_height="300dp"
 84 |                 android:layout_gravity="center"
 85 |                 android:layout_marginBottom="@dimen/imgpanel_margin_bottom"
 86 |                 android:background="@drawable/image04"
 87 |                 android:gravity="center"
 88 |                 android:text="这个是Text4"
 89 |                 android:visibility="invisible" />
 90 |         </com.stone.firstpage.ImageSlidePanel>
 91 | 
 92 |         <View
 93 |             android:id="@+id/left_shake"
 94 |             android:layout_width="15dp"
 95 |             android:layout_height="23dp"
 96 |             android:layout_centerVertical="true"
 97 |             android:layout_marginLeft="10dp"
 98 |             android:background="@drawable/left"
 99 |             android:visibility="invisible" />
100 | 
101 |         <View
102 |             android:id="@+id/right_shake"
103 |             android:layout_width="15dp"
104 |             android:layout_height="23dp"
105 |             android:layout_alignParentRight="true"
106 |             android:layout_centerVertical="true"
107 |             android:layout_marginRight="10dp"
108 |             android:background="@drawable/right"
109 |             android:visibility="invisible" />
110 | 
111 |         <View
112 |             android:id="@+id/bottom_shake"
113 |             android:layout_width="23dp"
114 |             android:layout_height="23dp"
115 |             android:layout_alignParentBottom="true"
116 |             android:layout_centerHorizontal="true"
117 |             android:layout_marginBottom="10dp"
118 |             android:background="@drawable/up"
119 |             android:visibility="invisible" />
120 | 
121 |         <!-- 左边的点击区域 -->
122 | 
123 |         <View
124 |             android:id="@+id/left_click_area"
125 |             android:layout_width="80dp"
126 |             android:layout_height="50dp"
127 |             android:layout_centerVertical="true"
128 |             android:layout_marginRight="10dp" />
129 | 
130 |         <!-- 右边的点击区域 -->
131 | 
132 |         <View
133 |             android:id="@+id/right_click_area"
134 |             android:layout_width="80dp"
135 |             android:layout_height="50dp"
136 |             android:layout_alignParentRight="true"
137 |             android:layout_centerVertical="true" />
138 |     </RelativeLayout>
139 | 
140 | </LinearLayout>


--------------------------------------------------------------------------------
/firstPage_template1/res/values-w820dp/dimens.xml:
--------------------------------------------------------------------------------
 1 | <resources>
 2 | 
 3 |     <!--
 4 |          Example customization of dimensions originally defined in res/values/dimens.xml
 5 |          (such as screen margins) for screens with more than 820dp of available width. This
 6 |          would include 7" and 10" devices in landscape (~960dp and ~1280dp respectively).
 7 |     -->
 8 |     <dimen name="activity_horizontal_margin">64dp</dimen>
 9 | 
10 | </resources>
11 | 


--------------------------------------------------------------------------------
/firstPage_template1/res/values/dimens.xml:
--------------------------------------------------------------------------------
1 | <resources>
2 | 
3 |     <!-- Default screen margins, per the Android Design guidelines. -->
4 |     <dimen name="activity_horizontal_margin">16dp</dimen>
5 |     <dimen name="activity_vertical_margin">16dp</dimen>
6 |     <dimen name="imgpanel_margin_bottom">16dp</dimen>
7 | 
8 | </resources>
9 | 


--------------------------------------------------------------------------------
/firstPage_template1/res/values/strings.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="utf-8"?>
2 | <resources>
3 | 
4 |     <string name="app_name">firstPage</string>
5 |     <string name="hello_world">Hello world!</string>
6 |     <string name="action_settings">Settings</string>
7 | 
8 | </resources>
9 | 


--------------------------------------------------------------------------------
/firstPage_template1/res/values/styles.xml:
--------------------------------------------------------------------------------
 1 | <resources>
 2 | 
 3 |     <!--
 4 |         Base application theme, dependent on API level. This theme is replaced
 5 |         by AppBaseTheme from res/values-vXX/styles.xml on newer devices.


 6 |     -->
 7 |     <style name="AppBaseTheme">
 8 |         <!--
 9 |             Theme customizations available in newer API levels can go in
10 |             res/values-vXX/styles.xml, while customizations related to
11 |             backward-compatibility can go here.


12 |         -->
13 |     </style>
14 | 
15 |     <!-- Application theme. -->
16 |     <style name="AppTheme" parent="AppBaseTheme">
17 |         <!-- All customizations that are NOT specific to a particular API-level can go here. -->
18 |     </style>
19 | 
20 | </resources>


--------------------------------------------------------------------------------
/firstPage_template1/src/com/stone/firstpage/AntiAliasTextView.java:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/luinnx/android-image-slide-panel/5468008d332fdcde4c07133e26fee4332577b03d/firstPage_template1/src/com/stone/firstpage/AntiAliasTextView.java


--------------------------------------------------------------------------------
/firstPage_template1/src/com/stone/firstpage/ImageSlidePanel.java:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/luinnx/android-image-slide-panel/5468008d332fdcde4c07133e26fee4332577b03d/firstPage_template1/src/com/stone/firstpage/ImageSlidePanel.java


--------------------------------------------------------------------------------
/firstPage_template1/src/com/stone/firstpage/MainActivity.java:
--------------------------------------------------------------------------------
 1 | package com.stone.firstpage;
 2 | 
 3 | import android.os.Bundle;
 4 | import android.support.v4.app.FragmentActivity;
 5 | import android.view.Window;
 6 | 
 7 | public class MainActivity extends FragmentActivity {
 8 | 
 9 | 	@Override
10 | 	protected void onCreate(Bundle savedInstanceState) {
11 | 		super.onCreate(savedInstanceState);
12 | 		requestWindowFeature(Window.FEATURE_NO_TITLE);
13 | 		setContentView(R.layout.activity_main);
14 | 
15 | 		if (savedInstanceState == null) {
16 | 			getSupportFragmentManager().beginTransaction()
17 | 					.add(R.id.container, new Template1Fragment()).commit();
18 | 		}
19 | 	}
20 | }
21 | 


--------------------------------------------------------------------------------
/firstPage_template1/src/com/stone/firstpage/Template1Fragment.java:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/luinnx/android-image-slide-panel/5468008d332fdcde4c07133e26fee4332577b03d/firstPage_template1/src/com/stone/firstpage/Template1Fragment.java


--------------------------------------------------------------------------------
/screen01.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/luinnx/android-image-slide-panel/5468008d332fdcde4c07133e26fee4332577b03d/screen01.gif


--------------------------------------------------------------------------------
/screen02.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/luinnx/android-image-slide-panel/5468008d332fdcde4c07133e26fee4332577b03d/screen02.gif


--------------------------------------------------------------------------------