├── app ├── .gitignore ├── src │ ├── main │ │ ├── res │ │ │ ├── mipmap-hdpi │ │ │ │ ├── back.png │ │ │ │ ├── background.jpeg │ │ │ │ └── ic_launcher.png │ │ │ ├── mipmap-mdpi │ │ │ │ └── ic_launcher.png │ │ │ ├── mipmap-xhdpi │ │ │ │ └── ic_launcher.png │ │ │ ├── mipmap-xxhdpi │ │ │ │ └── ic_launcher.png │ │ │ ├── values │ │ │ │ ├── dimens.xml │ │ │ │ ├── styles.xml │ │ │ │ └── strings.xml │ │ │ ├── menu │ │ │ │ └── menu_main.xml │ │ │ ├── values-w820dp │ │ │ │ └── dimens.xml │ │ │ └── layout │ │ │ │ ├── grid_item.xml │ │ │ │ └── activity_main.xml │ │ ├── java │ │ │ └── tm │ │ │ │ └── davidwang │ │ │ │ └── dwcinemaanimation │ │ │ │ ├── GridModel.java │ │ │ │ ├── GridAdapter.java │ │ │ │ └── MainActivity.java │ │ └── AndroidManifest.xml │ └── androidTest │ │ └── java │ │ └── tm │ │ └── davidwang │ │ └── dwcinemaanimation │ │ └── ApplicationTest.java ├── proguard-rules.pro ├── build.gradle └── app.iml ├── .idea ├── .name ├── copyright │ └── profiles_settings.xml ├── dictionaries │ └── DavidWang.xml ├── vcs.xml ├── modules.xml ├── runConfigurations.xml ├── gradle.xml ├── compiler.xml └── misc.xml ├── settings.gradle ├── previewshow.png ├── animationwhy.gif ├── .gitignore ├── gradle └── wrapper │ ├── gradle-wrapper.jar │ └── gradle-wrapper.properties ├── gradle.properties ├── DWCinemaAnimation.iml ├── DWCinemaAnimation-Android.iml ├── README.md ├── gradlew.bat └── gradlew /app/.gitignore: -------------------------------------------------------------------------------- 1 | /build 2 | -------------------------------------------------------------------------------- /.idea/.name: -------------------------------------------------------------------------------- 1 | DWCinemaAnimation-Android -------------------------------------------------------------------------------- /settings.gradle: -------------------------------------------------------------------------------- 1 | include ':app' 2 | -------------------------------------------------------------------------------- /previewshow.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DavidWangTM/DWCinemaAnimation-Android/HEAD/previewshow.png -------------------------------------------------------------------------------- /animationwhy.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DavidWangTM/DWCinemaAnimation-Android/HEAD/animationwhy.gif -------------------------------------------------------------------------------- /.idea/copyright/profiles_settings.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /.idea/dictionaries/DavidWang.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | .gradle 2 | /local.properties 3 | /.idea/workspace.xml 4 | /.idea/libraries 5 | .DS_Store 6 | /build 7 | /captures 8 | -------------------------------------------------------------------------------- /gradle/wrapper/gradle-wrapper.jar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DavidWangTM/DWCinemaAnimation-Android/HEAD/gradle/wrapper/gradle-wrapper.jar -------------------------------------------------------------------------------- /app/src/main/res/mipmap-hdpi/back.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DavidWangTM/DWCinemaAnimation-Android/HEAD/app/src/main/res/mipmap-hdpi/back.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-hdpi/background.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DavidWangTM/DWCinemaAnimation-Android/HEAD/app/src/main/res/mipmap-hdpi/background.jpeg -------------------------------------------------------------------------------- /app/src/main/res/mipmap-hdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DavidWangTM/DWCinemaAnimation-Android/HEAD/app/src/main/res/mipmap-hdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-mdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DavidWangTM/DWCinemaAnimation-Android/HEAD/app/src/main/res/mipmap-mdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DavidWangTM/DWCinemaAnimation-Android/HEAD/app/src/main/res/mipmap-xhdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DavidWangTM/DWCinemaAnimation-Android/HEAD/app/src/main/res/mipmap-xxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /.idea/vcs.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /app/src/main/res/values/dimens.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 16dp 4 | 16dp 5 | 6 | -------------------------------------------------------------------------------- /app/src/main/java/tm/davidwang/dwcinemaanimation/GridModel.java: -------------------------------------------------------------------------------- 1 | package tm.davidwang.dwcinemaanimation; 2 | 3 | /** 4 | * Created by DavidWang on 15/11/12. 5 | */ 6 | public class GridModel { 7 | 8 | //type_index - 0:为显示,1:为点击显示,2:为不显示. 9 | public int type_index; 10 | } 11 | -------------------------------------------------------------------------------- /gradle/wrapper/gradle-wrapper.properties: -------------------------------------------------------------------------------- 1 | #Wed Nov 11 14:12:57 CST 2015 2 | distributionBase=GRADLE_USER_HOME 3 | distributionPath=wrapper/dists 4 | zipStoreBase=GRADLE_USER_HOME 5 | zipStorePath=wrapper/dists 6 | distributionUrl=https\://services.gradle.org/distributions/gradle-2.4-all.zip 7 | -------------------------------------------------------------------------------- /app/src/main/res/values/styles.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /app/src/main/res/menu/menu_main.xml: -------------------------------------------------------------------------------- 1 | 4 | 6 | 7 | -------------------------------------------------------------------------------- /app/src/main/res/values-w820dp/dimens.xml: -------------------------------------------------------------------------------- 1 | 2 | 5 | 64dp 6 | 7 | -------------------------------------------------------------------------------- /.idea/modules.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /app/src/main/res/layout/grid_item.xml: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /app/src/androidTest/java/tm/davidwang/dwcinemaanimation/ApplicationTest.java: -------------------------------------------------------------------------------- 1 | package tm.davidwang.dwcinemaanimation; 2 | 3 | import android.app.Application; 4 | import android.test.ApplicationTestCase; 5 | 6 | /** 7 | * Testing Fundamentals 8 | */ 9 | public class ApplicationTest extends ApplicationTestCase { 10 | public ApplicationTest() { 11 | super(Application.class); 12 | } 13 | } -------------------------------------------------------------------------------- /.idea/runConfigurations.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 11 | 12 | -------------------------------------------------------------------------------- /app/proguard-rules.pro: -------------------------------------------------------------------------------- 1 | # Add project specific ProGuard rules here. 2 | # By default, the flags in this file are appended to flags specified 3 | # in /Users/DavidWang/Library/Android/sdk/tools/proguard/proguard-android.txt 4 | # You can edit the include path and order by changing the proguardFiles 5 | # directive in build.gradle. 6 | # 7 | # For more details, see 8 | # http://developer.android.com/guide/developing/tools/proguard.html 9 | 10 | # Add any project specific keep options here: 11 | 12 | # If your project uses WebView with JS, uncomment the following 13 | # and specify the fully qualified class name to the JavaScript interface 14 | # class: 15 | #-keepclassmembers class fqcn.of.javascript.interface.for.webview { 16 | # public *; 17 | #} 18 | -------------------------------------------------------------------------------- /.idea/gradle.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 18 | 19 | -------------------------------------------------------------------------------- /app/build.gradle: -------------------------------------------------------------------------------- 1 | apply plugin: 'com.android.application' 2 | 3 | android { 4 | compileSdkVersion 23 5 | buildToolsVersion "23.0.0" 6 | 7 | defaultConfig { 8 | applicationId "tm.davidwang.dwcinemaanimation" 9 | minSdkVersion 15 10 | targetSdkVersion 23 11 | versionCode 1 12 | versionName "1.0" 13 | } 14 | buildTypes { 15 | release { 16 | minifyEnabled false 17 | proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro' 18 | } 19 | } 20 | } 21 | 22 | dependencies { 23 | compile fileTree(dir: 'libs', include: ['*.jar']) 24 | compile 'com.android.support:appcompat-v7:23.0.0' 25 | compile 'com.nineoldandroids:library:2.4.0' 26 | } 27 | -------------------------------------------------------------------------------- /.idea/compiler.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | -------------------------------------------------------------------------------- /app/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 10 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | -------------------------------------------------------------------------------- /gradle.properties: -------------------------------------------------------------------------------- 1 | # Project-wide Gradle settings. 2 | 3 | # IDE (e.g. Android Studio) users: 4 | # Gradle settings configured through the IDE *will override* 5 | # any settings specified in this file. 6 | 7 | # For more details on how to configure your build environment visit 8 | # http://www.gradle.org/docs/current/userguide/build_environment.html 9 | 10 | # Specifies the JVM arguments used for the daemon process. 11 | # The setting is particularly useful for tweaking memory settings. 12 | # Default value: -Xmx10248m -XX:MaxPermSize=256m 13 | # org.gradle.jvmargs=-Xmx2048m -XX:MaxPermSize=512m -XX:+HeapDumpOnOutOfMemoryError -Dfile.encoding=UTF-8 14 | 15 | # When configured, Gradle will run in incubating parallel mode. 16 | # This option should only be used with decoupled projects. More details, visit 17 | # http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects 18 | # org.gradle.parallel=true -------------------------------------------------------------------------------- /DWCinemaAnimation.iml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | -------------------------------------------------------------------------------- /DWCinemaAnimation-Android.iml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | -------------------------------------------------------------------------------- /app/src/main/res/values/strings.xml: -------------------------------------------------------------------------------- 1 | 2 | DWCinemaAnimation 3 | 4 | Hello world! 5 | Settings 6 | Buy Now 7 | Done 8 | $29.9 9 | Many years ago, the planet Cybertron was consumed by a civil war by the two Transformer factions, the Autobots led by Optimus Prime, and the Decepticons led by Megatron. Optimus jettisoned the AllSpark, a mystical artefact that brings life to the planet, into space, but Megatron pursued it. Megatron crashed in the Arctic Circle and froze, discovered in 1897 by explorer Archibald Witwicky. Witwicky activated Megatron’s navigational system, which scanned the AllSpark’s coordinates into his glasses. The glasses end up in the possession of his great-great-grandson Sam Witwicky. In the present day, Sam buys his first car, a rusting Chevrolet Camaro, but discovers it has a life of its own. 10 | 11 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # DWCinemaAnimation-Android 2 | 3 | > *此项目仿IOS地址:[SergioChan](https://github.com/SergioChan)创意的:[SCCinemaAnimation](https://github.com/SergioChan/SCCinemaAnimation)* 4 | 5 | An Android native implementation of a Cinema Animation Application. See more at https://dribbble.com/shots/2339238-Animation-for-Cinema-Application. 6 | 7 | Android上电影购票的动效实现。微博上看到@壹了人拾做的设计,实现了一个demo。 8 | 9 | ## Preview 10 | ![demo](previewshow.png) 11 | 12 | ![demo](animationwhy.gif) 13 | 14 | ## Intro 15 | 16 | 设计创意和动效全部来自于[Xer.Lee](https://dribbble.com/xerlee)在Dribbble上的作品:[https://dribbble.com/shots/2339238-Animation-for-Cinema-Application](https://dribbble.com/shots/2339238-Animation-for-Cinema-Application)。这是一个在Android上原生实现的相似交互的开源库,没有百分百和设计原稿一致。 17 | 18 | 没什么特别的……就是一个效果的展示吧。觉得酷炫所以就做了。实现的有些匆忙。 19 | 20 | The design was originated from [Xer.Lee](https://dribbble.com/xerlee)'s work on Dribbble:[https://dribbble.com/shots/2339238-Animation-for-Cinema-Application](https://dribbble.com/shots/2339238-Animation-for-Cinema-Application). This is an open-sourced Android-native libray similar to this design, not 100% equivalent to the original desgin. 21 | 22 | 23 | ## Version 24 | 25 | 1.0 26 | 27 | ## Environment 28 | Android 2.3以上 屏幕分辨率 > w:325.h:514 测试通过 29 | 30 | ## Usage 31 | 32 | The initialization is very simple. Just like the sample below: 33 | 34 | ```Objective-C 35 | //加入compile. 36 | compile 'com.nineoldandroids:library:2.4.0' 37 | //调用 38 | showview and hideview。 39 | ``` 40 | -------------------------------------------------------------------------------- /app/src/main/java/tm/davidwang/dwcinemaanimation/GridAdapter.java: -------------------------------------------------------------------------------- 1 | package tm.davidwang.dwcinemaanimation; 2 | 3 | import android.content.Context; 4 | import android.view.LayoutInflater; 5 | import android.view.View; 6 | import android.view.ViewGroup; 7 | import android.widget.BaseAdapter; 8 | 9 | import java.util.ArrayList; 10 | 11 | /** 12 | * Created by DavidWang on 15/11/12. 13 | */ 14 | public class GridAdapter extends BaseAdapter { 15 | 16 | private Context context; 17 | private ArrayList data; 18 | 19 | public GridAdapter(Context context,ArrayList data){ 20 | this.context = context; 21 | this.data = data; 22 | 23 | } 24 | 25 | @Override 26 | public int getCount() { 27 | return data.size(); 28 | } 29 | 30 | @Override 31 | public Object getItem(int position) { 32 | return position; 33 | } 34 | 35 | @Override 36 | public long getItemId(int position) { 37 | return position; 38 | } 39 | 40 | @Override 41 | public View getView(int position, View convertView, ViewGroup parent) { 42 | ViewHolder holder = null; 43 | GridModel info = data.get(position); 44 | if(convertView == null) 45 | { 46 | holder = new ViewHolder(); 47 | LayoutInflater mInflater = LayoutInflater.from(context); 48 | convertView = mInflater.inflate(R.layout.grid_item, null); 49 | holder.item_view = (View)convertView.findViewById(R.id.item_view); 50 | convertView.setTag(holder); 51 | }else{ 52 | holder = (ViewHolder)convertView.getTag(); 53 | } 54 | holder.item_view.setVisibility(View.VISIBLE); 55 | if (info.type_index == 0){ 56 | holder.item_view.setBackgroundColor(0xffDED1A9); 57 | }else if(info.type_index == 1){ 58 | holder.item_view.setBackgroundColor(0xff4B9CF0); 59 | }else if (info.type_index == 2) { 60 | holder.item_view.setVisibility(View.GONE); 61 | } 62 | 63 | return convertView; 64 | } 65 | 66 | //ViewHolder静态类 67 | private class ViewHolder 68 | { 69 | public View item_view; 70 | } 71 | } -------------------------------------------------------------------------------- /gradlew.bat: -------------------------------------------------------------------------------- 1 | @if "%DEBUG%" == "" @echo off 2 | @rem ########################################################################## 3 | @rem 4 | @rem Gradle startup script for Windows 5 | @rem 6 | @rem ########################################################################## 7 | 8 | @rem Set local scope for the variables with windows NT shell 9 | if "%OS%"=="Windows_NT" setlocal 10 | 11 | @rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. 12 | set DEFAULT_JVM_OPTS= 13 | 14 | set DIRNAME=%~dp0 15 | if "%DIRNAME%" == "" set DIRNAME=. 16 | set APP_BASE_NAME=%~n0 17 | set APP_HOME=%DIRNAME% 18 | 19 | @rem Find java.exe 20 | if defined JAVA_HOME goto findJavaFromJavaHome 21 | 22 | set JAVA_EXE=java.exe 23 | %JAVA_EXE% -version >NUL 2>&1 24 | if "%ERRORLEVEL%" == "0" goto init 25 | 26 | echo. 27 | echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 28 | echo. 29 | echo Please set the JAVA_HOME variable in your environment to match the 30 | echo location of your Java installation. 31 | 32 | goto fail 33 | 34 | :findJavaFromJavaHome 35 | set JAVA_HOME=%JAVA_HOME:"=% 36 | set JAVA_EXE=%JAVA_HOME%/bin/java.exe 37 | 38 | if exist "%JAVA_EXE%" goto init 39 | 40 | echo. 41 | echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME% 42 | echo. 43 | echo Please set the JAVA_HOME variable in your environment to match the 44 | echo location of your Java installation. 45 | 46 | goto fail 47 | 48 | :init 49 | @rem Get command-line arguments, handling Windowz variants 50 | 51 | if not "%OS%" == "Windows_NT" goto win9xME_args 52 | if "%@eval[2+2]" == "4" goto 4NT_args 53 | 54 | :win9xME_args 55 | @rem Slurp the command line arguments. 56 | set CMD_LINE_ARGS= 57 | set _SKIP=2 58 | 59 | :win9xME_args_slurp 60 | if "x%~1" == "x" goto execute 61 | 62 | set CMD_LINE_ARGS=%* 63 | goto execute 64 | 65 | :4NT_args 66 | @rem Get arguments from the 4NT Shell from JP Software 67 | set CMD_LINE_ARGS=%$ 68 | 69 | :execute 70 | @rem Setup the command line 71 | 72 | set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar 73 | 74 | @rem Execute Gradle 75 | "%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %CMD_LINE_ARGS% 76 | 77 | :end 78 | @rem End local scope for the variables with windows NT shell 79 | if "%ERRORLEVEL%"=="0" goto mainEnd 80 | 81 | :fail 82 | rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of 83 | rem the _cmd.exe /c_ return code! 84 | if not "" == "%GRADLE_EXIT_CONSOLE%" exit 1 85 | exit /b 1 86 | 87 | :mainEnd 88 | if "%OS%"=="Windows_NT" endlocal 89 | 90 | :omega 91 | -------------------------------------------------------------------------------- /.idea/misc.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 19 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | General 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 62 | 63 | 64 | 65 | 66 | 67 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 83 | 84 | 85 | 86 | 87 | 88 | -------------------------------------------------------------------------------- /app/src/main/res/layout/activity_main.xml: -------------------------------------------------------------------------------- 1 | 8 | 9 | 15 | 20 | 21 | 31 | 32 | 41 | 42 | 47 | 48 | 54 | 55 | 56 | 65 | 66 | 76 | 77 | 78 | 79 | 84 | 89 | 95 | 96 | 97 | 98 | 99 | 100 | 101 | 102 | 103 | 104 |