diff --git a/readme.md b/readme.md new file mode 100644 index 0000000..24c11ae --- /dev/null +++ b/readme.md @@ -0,0 +1,49 @@ +--- +title: Simple animation +type: lab +duration: "1:30" +creator: + name: Yuliya Kaleda + city: NYC +--- + +# ![](https://ga-dash.s3.amazonaws.com/production/assets/logo-9f88ae6c9c3871690e33280fcf557f33.png) Simple Animation Lab + +## Introduction + +> ***Note:*** _This can should done independently._ + +In this lab, you will be building an animated wish list using your knowledge of view and layout animation. The app should have an edit text where a user +can type in his/her wish. After clicking the button "add a wish", the wish should get animated and then be added to the wish list on top +of other wishes. The app does not have to look the same, but it needs to have the same functionality. + +**Hint**: when adding a new text view to the list make sure to specify the position 0. + +## Exercise + +#### Requirements + +- contain an edit text (to type in a wish), button (to add a wish), text view (the place where the wish will get animated) and a +view group (wish list) +- edit text should be no more than one line +- text view should get animated (use *alpha* and *rotate* types of animation) +- a new wish should be added to the top of the list +- input field should get cleared after a wish is added to the list + +**Bonus:** +- add functionality to remove a wish from the list + +#### Starter code + +Take a look at the [starter-code](starter-code). The only class to work with is **MainActivity**. Add the views and take care of an event listener on the button. In the project, you can find a folder `anim/` with one file **animation.xml** for you to take care of the animation set. In the file **activity_main.xml** add +the views. Do not forget about a view group where you will store all the wishes. + +You have a choice of coding layout animation in the xml file or in java class. + +#### Deliverable + +Here is a gif that shows view and layout animation: + +

+ +

diff --git a/screenshots/solution_code_lab.gif b/screenshots/solution_code_lab.gif new file mode 100644 index 0000000..7e9c4b8 Binary files /dev/null and b/screenshots/solution_code_lab.gif differ diff --git a/starter-code/.gitignore b/starter-code/.gitignore new file mode 100644 index 0000000..c6cbe56 --- /dev/null +++ b/starter-code/.gitignore @@ -0,0 +1,8 @@ +*.iml +.gradle +/local.properties +/.idea/workspace.xml +/.idea/libraries +.DS_Store +/build +/captures diff --git a/starter-code/app/.gitignore b/starter-code/app/.gitignore new file mode 100644 index 0000000..796b96d --- /dev/null +++ b/starter-code/app/.gitignore @@ -0,0 +1 @@ +/build diff --git a/starter-code/app/build.gradle b/starter-code/app/build.gradle new file mode 100644 index 0000000..352903f --- /dev/null +++ b/starter-code/app/build.gradle @@ -0,0 +1,26 @@ +apply plugin: 'com.android.application' + +android { + compileSdkVersion 23 + buildToolsVersion "23.0.2" + + defaultConfig { + applicationId "generalassembly.yuliyakaleda.startercode" + minSdkVersion 19 + targetSdkVersion 23 + versionCode 1 + versionName "1.0" + } + buildTypes { + release { + minifyEnabled false + proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro' + } + } +} + +dependencies { + compile fileTree(dir: 'libs', include: ['*.jar']) + testCompile 'junit:junit:4.12' + compile 'com.android.support:appcompat-v7:23.1.1' +} diff --git a/starter-code/app/proguard-rules.pro b/starter-code/app/proguard-rules.pro new file mode 100644 index 0000000..322d5c6 --- /dev/null +++ b/starter-code/app/proguard-rules.pro @@ -0,0 +1,17 @@ +# Add project specific ProGuard rules here. +# By default, the flags in this file are appended to flags specified +# in /Users/July/Library/Android/sdk/tools/proguard/proguard-android.txt +# You can edit the include path and order by changing the proguardFiles +# directive in build.gradle. +# +# For more details, see +# http://developer.android.com/guide/developing/tools/proguard.html + +# Add any project specific keep options here: + +# If your project uses WebView with JS, uncomment the following +# and specify the fully qualified class name to the JavaScript interface +# class: +#-keepclassmembers class fqcn.of.javascript.interface.for.webview { +# public *; +#} diff --git a/starter-code/app/src/androidTest/java/generalassembly/yuliyakaleda/startercode/ApplicationTest.java b/starter-code/app/src/androidTest/java/generalassembly/yuliyakaleda/startercode/ApplicationTest.java new file mode 100644 index 0000000..662f56a --- /dev/null +++ b/starter-code/app/src/androidTest/java/generalassembly/yuliyakaleda/startercode/ApplicationTest.java @@ -0,0 +1,13 @@ +package generalassembly.yuliyakaleda.startercode; + +import android.app.Application; +import android.test.ApplicationTestCase; + +/** + * Testing Fundamentals + */ +public class ApplicationTest extends ApplicationTestCase { + public ApplicationTest() { + super(Application.class); + } +} \ No newline at end of file diff --git a/starter-code/app/src/main/AndroidManifest.xml b/starter-code/app/src/main/AndroidManifest.xml new file mode 100644 index 0000000..66dc570 --- /dev/null +++ b/starter-code/app/src/main/AndroidManifest.xml @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + diff --git a/starter-code/app/src/main/java/generalassembly/yuliyakaleda/startercode/MainActivity.java b/starter-code/app/src/main/java/generalassembly/yuliyakaleda/startercode/MainActivity.java new file mode 100644 index 0000000..55d1d3a --- /dev/null +++ b/starter-code/app/src/main/java/generalassembly/yuliyakaleda/startercode/MainActivity.java @@ -0,0 +1,27 @@ +package generalassembly.yuliyakaleda.startercode; + +import android.support.v7.app.AppCompatActivity; +import android.os.Bundle; +import android.view.View; +import android.view.animation.Animation; +import android.view.animation.AnimationUtils; +import android.widget.TextView; + +public class MainActivity extends AppCompatActivity { + + @Override + protected void onCreate(Bundle savedInstanceState) { + super.onCreate(savedInstanceState); + setContentView(R.layout.activity_main); + + //TODO: set up all the view and event listeners. + } + + @Override + public void onClick(View v) { + // TODO: 1. get the text from the input field + // 2. animate it in the center of the screen + // 3. add it to the list wish + // 4. clear the input field + } +} diff --git a/starter-code/app/src/main/res/anim/animation.xml b/starter-code/app/src/main/res/anim/animation.xml new file mode 100644 index 0000000..88c2c7c --- /dev/null +++ b/starter-code/app/src/main/res/anim/animation.xml @@ -0,0 +1,11 @@ + + + /> + + + /> + \ No newline at end of file diff --git a/starter-code/app/src/main/res/layout/activity_main.xml b/starter-code/app/src/main/res/layout/activity_main.xml new file mode 100644 index 0000000..b326849 --- /dev/null +++ b/starter-code/app/src/main/res/layout/activity_main.xml @@ -0,0 +1,14 @@ + + + + + diff --git a/starter-code/app/src/main/res/mipmap-hdpi/ic_launcher.png b/starter-code/app/src/main/res/mipmap-hdpi/ic_launcher.png new file mode 100644 index 0000000..cde69bc Binary files /dev/null and b/starter-code/app/src/main/res/mipmap-hdpi/ic_launcher.png differ diff --git a/starter-code/app/src/main/res/mipmap-mdpi/ic_launcher.png b/starter-code/app/src/main/res/mipmap-mdpi/ic_launcher.png new file mode 100644 index 0000000..c133a0c Binary files /dev/null and b/starter-code/app/src/main/res/mipmap-mdpi/ic_launcher.png differ diff --git a/starter-code/app/src/main/res/mipmap-xhdpi/ic_launcher.png b/starter-code/app/src/main/res/mipmap-xhdpi/ic_launcher.png new file mode 100644 index 0000000..bfa42f0 Binary files /dev/null and b/starter-code/app/src/main/res/mipmap-xhdpi/ic_launcher.png differ diff --git a/starter-code/app/src/main/res/mipmap-xxhdpi/ic_launcher.png b/starter-code/app/src/main/res/mipmap-xxhdpi/ic_launcher.png new file mode 100644 index 0000000..324e72c Binary files /dev/null and b/starter-code/app/src/main/res/mipmap-xxhdpi/ic_launcher.png differ diff --git a/starter-code/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png b/starter-code/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png new file mode 100644 index 0000000..aee44e1 Binary files /dev/null and b/starter-code/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png differ diff --git a/starter-code/app/src/main/res/values-w820dp/dimens.xml b/starter-code/app/src/main/res/values-w820dp/dimens.xml new file mode 100644 index 0000000..308a194 --- /dev/null +++ b/starter-code/app/src/main/res/values-w820dp/dimens.xml @@ -0,0 +1,6 @@ + + + 64dp + diff --git a/starter-code/app/src/main/res/values/colors.xml b/starter-code/app/src/main/res/values/colors.xml new file mode 100644 index 0000000..5a077b3 --- /dev/null +++ b/starter-code/app/src/main/res/values/colors.xml @@ -0,0 +1,6 @@ + + + #3F51B5 + #303F9F + #FF4081 + diff --git a/starter-code/app/src/main/res/values/dimens.xml b/starter-code/app/src/main/res/values/dimens.xml new file mode 100644 index 0000000..acf94cc --- /dev/null +++ b/starter-code/app/src/main/res/values/dimens.xml @@ -0,0 +1,5 @@ + + + 16dp + 16dp + diff --git a/starter-code/app/src/main/res/values/strings.xml b/starter-code/app/src/main/res/values/strings.xml new file mode 100644 index 0000000..9772d75 --- /dev/null +++ b/starter-code/app/src/main/res/values/strings.xml @@ -0,0 +1,3 @@ + + StarterCode + diff --git a/starter-code/app/src/main/res/values/styles.xml b/starter-code/app/src/main/res/values/styles.xml new file mode 100644 index 0000000..e494029 --- /dev/null +++ b/starter-code/app/src/main/res/values/styles.xml @@ -0,0 +1,12 @@ + + + + + + diff --git a/starter-code/app/src/test/java/generalassembly/yuliyakaleda/startercode/ExampleUnitTest.java b/starter-code/app/src/test/java/generalassembly/yuliyakaleda/startercode/ExampleUnitTest.java new file mode 100644 index 0000000..cd4c392 --- /dev/null +++ b/starter-code/app/src/test/java/generalassembly/yuliyakaleda/startercode/ExampleUnitTest.java @@ -0,0 +1,15 @@ +package generalassembly.yuliyakaleda.startercode; + +import org.junit.Test; + +import static org.junit.Assert.*; + +/** + * To work on unit tests, switch the Test Artifact in the Build Variants view. + */ +public class ExampleUnitTest { + @Test + public void addition_isCorrect() throws Exception { + assertEquals(4, 2 + 2); + } +} \ No newline at end of file diff --git a/starter-code/build.gradle b/starter-code/build.gradle new file mode 100644 index 0000000..e0b366a --- /dev/null +++ b/starter-code/build.gradle @@ -0,0 +1,23 @@ +// Top-level build file where you can add configuration options common to all sub-projects/modules. + +buildscript { + repositories { + jcenter() + } + dependencies { + classpath 'com.android.tools.build:gradle:1.5.0' + + // NOTE: Do not place your application dependencies here; they belong + // in the individual module build.gradle files + } +} + +allprojects { + repositories { + jcenter() + } +} + +task clean(type: Delete) { + delete rootProject.buildDir +} diff --git a/starter-code/gradle.properties b/starter-code/gradle.properties new file mode 100644 index 0000000..1d3591c --- /dev/null +++ b/starter-code/gradle.properties @@ -0,0 +1,18 @@ +# Project-wide Gradle settings. + +# IDE (e.g. Android Studio) users: +# Gradle settings configured through the IDE *will override* +# any settings specified in this file. + +# For more details on how to configure your build environment visit +# http://www.gradle.org/docs/current/userguide/build_environment.html + +# Specifies the JVM arguments used for the daemon process. +# The setting is particularly useful for tweaking memory settings. +# Default value: -Xmx10248m -XX:MaxPermSize=256m +# org.gradle.jvmargs=-Xmx2048m -XX:MaxPermSize=512m -XX:+HeapDumpOnOutOfMemoryError -Dfile.encoding=UTF-8 + +# When configured, Gradle will run in incubating parallel mode. +# This option should only be used with decoupled projects. More details, visit +# http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects +# org.gradle.parallel=true \ No newline at end of file diff --git a/starter-code/gradle/wrapper/gradle-wrapper.properties b/starter-code/gradle/wrapper/gradle-wrapper.properties new file mode 100644 index 0000000..f23df6e --- /dev/null +++ b/starter-code/gradle/wrapper/gradle-wrapper.properties @@ -0,0 +1,6 @@ +#Wed Oct 21 11:34:03 PDT 2015 +distributionBase=GRADLE_USER_HOME +distributionPath=wrapper/dists +zipStoreBase=GRADLE_USER_HOME +zipStorePath=wrapper/dists +distributionUrl=https\://services.gradle.org/distributions/gradle-2.8-all.zip diff --git a/starter-code/gradlew b/starter-code/gradlew new file mode 100755 index 0000000..9d82f78 --- /dev/null +++ b/starter-code/gradlew @@ -0,0 +1,160 @@ +#!/usr/bin/env bash + +############################################################################## +## +## Gradle start up script for UN*X +## +############################################################################## + +# Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. +DEFAULT_JVM_OPTS="" + +APP_NAME="Gradle" +APP_BASE_NAME=`basename "$0"` + +# Use the maximum available, or set MAX_FD != -1 to use that value. +MAX_FD="maximum" + +warn ( ) { + echo "$*" +} + +die ( ) { + echo + echo "$*" + echo + exit 1 +} + +# OS specific support (must be 'true' or 'false'). +cygwin=false +msys=false +darwin=false +case "`uname`" in + CYGWIN* ) + cygwin=true + ;; + Darwin* ) + darwin=true + ;; + MINGW* ) + msys=true + ;; +esac + +# Attempt to set APP_HOME +# Resolve links: $0 may be a link +PRG="$0" +# Need this for relative symlinks. +while [ -h "$PRG" ] ; do + ls=`ls -ld "$PRG"` + link=`expr "$ls" : '.*-> \(.*\)$'` + if expr "$link" : '/.*' > /dev/null; then + PRG="$link" + else + PRG=`dirname "$PRG"`"/$link" + fi +done +SAVED="`pwd`" +cd "`dirname \"$PRG\"`/" >/dev/null +APP_HOME="`pwd -P`" +cd "$SAVED" >/dev/null + +CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar + +# Determine the Java command to use to start the JVM. +if [ -n "$JAVA_HOME" ] ; then + if [ -x "$JAVA_HOME/jre/sh/java" ] ; then + # IBM's JDK on AIX uses strange locations for the executables + JAVACMD="$JAVA_HOME/jre/sh/java" + else + JAVACMD="$JAVA_HOME/bin/java" + fi + if [ ! -x "$JAVACMD" ] ; then + die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME + +Please set the JAVA_HOME variable in your environment to match the +location of your Java installation." + fi +else + JAVACMD="java" + which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. + +Please set the JAVA_HOME variable in your environment to match the +location of your Java installation." +fi + +# Increase the maximum file descriptors if we can. +if [ "$cygwin" = "false" -a "$darwin" = "false" ] ; then + MAX_FD_LIMIT=`ulimit -H -n` + if [ $? -eq 0 ] ; then + if [ "$MAX_FD" = "maximum" -o "$MAX_FD" = "max" ] ; then + MAX_FD="$MAX_FD_LIMIT" + fi + ulimit -n $MAX_FD + if [ $? -ne 0 ] ; then + warn "Could not set maximum file descriptor limit: $MAX_FD" + fi + else + warn "Could not query maximum file descriptor limit: $MAX_FD_LIMIT" + fi +fi + +# For Darwin, add options to specify how the application appears in the dock +if $darwin; then + GRADLE_OPTS="$GRADLE_OPTS \"-Xdock:name=$APP_NAME\" \"-Xdock:icon=$APP_HOME/media/gradle.icns\"" +fi + +# For Cygwin, switch paths to Windows format before running java +if $cygwin ; then + APP_HOME=`cygpath --path --mixed "$APP_HOME"` + CLASSPATH=`cygpath --path --mixed "$CLASSPATH"` + JAVACMD=`cygpath --unix "$JAVACMD"` + + # We build the pattern for arguments to be converted via cygpath + ROOTDIRSRAW=`find -L / -maxdepth 1 -mindepth 1 -type d 2>/dev/null` + SEP="" + for dir in $ROOTDIRSRAW ; do + ROOTDIRS="$ROOTDIRS$SEP$dir" + SEP="|" + done + OURCYGPATTERN="(^($ROOTDIRS))" + # Add a user-defined pattern to the cygpath arguments + if [ "$GRADLE_CYGPATTERN" != "" ] ; then + OURCYGPATTERN="$OURCYGPATTERN|($GRADLE_CYGPATTERN)" + fi + # Now convert the arguments - kludge to limit ourselves to /bin/sh + i=0 + for arg in "$@" ; do + CHECK=`echo "$arg"|egrep -c "$OURCYGPATTERN" -` + CHECK2=`echo "$arg"|egrep -c "^-"` ### Determine if an option + + if [ $CHECK -ne 0 ] && [ $CHECK2 -eq 0 ] ; then ### Added a condition + eval `echo args$i`=`cygpath --path --ignore --mixed "$arg"` + else + eval `echo args$i`="\"$arg\"" + fi + i=$((i+1)) + done + case $i in + (0) set -- ;; + (1) set -- "$args0" ;; + (2) set -- "$args0" "$args1" ;; + (3) set -- "$args0" "$args1" "$args2" ;; + (4) set -- "$args0" "$args1" "$args2" "$args3" ;; + (5) set -- "$args0" "$args1" "$args2" "$args3" "$args4" ;; + (6) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" ;; + (7) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" ;; + (8) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" ;; + (9) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" "$args8" ;; + esac +fi + +# Split up the JVM_OPTS And GRADLE_OPTS values into an array, following the shell quoting and substitution rules +function splitJvmOpts() { + JVM_OPTS=("$@") +} +eval splitJvmOpts $DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS +JVM_OPTS[${#JVM_OPTS[*]}]="-Dorg.gradle.appname=$APP_BASE_NAME" + +exec "$JAVACMD" "${JVM_OPTS[@]}" -classpath "$CLASSPATH" org.gradle.wrapper.GradleWrapperMain "$@" diff --git a/starter-code/gradlew.bat b/starter-code/gradlew.bat new file mode 100644 index 0000000..aec9973 --- /dev/null +++ b/starter-code/gradlew.bat @@ -0,0 +1,90 @@ +@if "%DEBUG%" == "" @echo off +@rem ########################################################################## +@rem +@rem Gradle startup script for Windows +@rem +@rem ########################################################################## + +@rem Set local scope for the variables with windows NT shell +if "%OS%"=="Windows_NT" setlocal + +@rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. +set DEFAULT_JVM_OPTS= + +set DIRNAME=%~dp0 +if "%DIRNAME%" == "" set DIRNAME=. +set APP_BASE_NAME=%~n0 +set APP_HOME=%DIRNAME% + +@rem Find java.exe +if defined JAVA_HOME goto findJavaFromJavaHome + +set JAVA_EXE=java.exe +%JAVA_EXE% -version >NUL 2>&1 +if "%ERRORLEVEL%" == "0" goto init + +echo. +echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. +echo. +echo Please set the JAVA_HOME variable in your environment to match the +echo location of your Java installation. + +goto fail + +:findJavaFromJavaHome +set JAVA_HOME=%JAVA_HOME:"=% +set JAVA_EXE=%JAVA_HOME%/bin/java.exe + +if exist "%JAVA_EXE%" goto init + +echo. +echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME% +echo. +echo Please set the JAVA_HOME variable in your environment to match the +echo location of your Java installation. + +goto fail + +:init +@rem Get command-line arguments, handling Windowz variants + +if not "%OS%" == "Windows_NT" goto win9xME_args +if "%@eval[2+2]" == "4" goto 4NT_args + +:win9xME_args +@rem Slurp the command line arguments. +set CMD_LINE_ARGS= +set _SKIP=2 + +:win9xME_args_slurp +if "x%~1" == "x" goto execute + +set CMD_LINE_ARGS=%* +goto execute + +:4NT_args +@rem Get arguments from the 4NT Shell from JP Software +set CMD_LINE_ARGS=%$ + +:execute +@rem Setup the command line + +set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar + +@rem Execute Gradle +"%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %CMD_LINE_ARGS% + +:end +@rem End local scope for the variables with windows NT shell +if "%ERRORLEVEL%"=="0" goto mainEnd + +:fail +rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of +rem the _cmd.exe /c_ return code! +if not "" == "%GRADLE_EXIT_CONSOLE%" exit 1 +exit /b 1 + +:mainEnd +if "%OS%"=="Windows_NT" endlocal + +:omega diff --git a/starter-code/settings.gradle b/starter-code/settings.gradle new file mode 100644 index 0000000..e7b4def --- /dev/null +++ b/starter-code/settings.gradle @@ -0,0 +1 @@ +include ':app'