Skip to content

Spencer Stock - AndroidAnimatedImages #12

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
spencerstock wants to merge 6 commits into
base: master
Choose a base branch
from
Open

Spencer Stock - AndroidAnimatedImages #12

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
d37b653
Update README.md
spencerstock Apr 9, 2019
9a65475
initial commit, project close to done
spencerstock Apr 9, 2019
c713e65
MVP met, displays gifs and lets you start and stop them with an anima…
spencerstock Apr 9, 2019
ea22173
update comments and formatting
spencerstock Apr 9, 2019
5e27d5b
added static play circle
spencerstock Apr 10, 2019
65b62b7
implemented static play circle and .7 opacity on button
spencerstock Apr 10, 2019
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
13 changes: 13 additions & 0 deletions .gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
*.iml
.gradle
/local.properties
/.idea/caches
/.idea/libraries
/.idea/modules.xml
/.idea/workspace.xml
/.idea/navEditor.xml
/.idea/assetWizardSettings.xml
.DS_Store
/build
/captures
.externalNativeBuild
29 changes: 29 additions & 0 deletions .idea/codeStyles/Project.xml
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

15 changes: 15 additions & 0 deletions .idea/gradle.xml
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

9 changes: 9 additions & 0 deletions .idea/misc.xml
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

12 changes: 12 additions & 0 deletions .idea/runConfigurations.xml
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

6 changes: 6 additions & 0 deletions .idea/vcs.xml
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 2 additions & 0 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,5 @@
Spencer Stock

# Android Animated Images

For this project you'll use at least 3 separate animated images use at least 1 of each kind. Allow the user to select and image or step through them and then start the animation. Be sure to use any extra time you have to experiment with shapeshifter.
Expand Down
1 change: 1 addition & 0 deletions app/.gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
/build
28 changes: 28 additions & 0 deletions app/build.gradle
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,28 @@
apply plugin: 'com.android.application'

android {
compileSdkVersion 28
defaultConfig {
applicationId "com.example.android_animated_images"
minSdkVersion 28
targetSdkVersion 28
versionCode 1
versionName "1.0"
testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner"
}
buildTypes {
release {
minifyEnabled false
proguardFiles getDefaultProguardFile('proguard-android-optimize.txt'), 'proguard-rules.pro'
}
}
}

dependencies {
implementation fileTree(dir: 'libs', include: ['*.jar'])
implementation 'com.android.support:appcompat-v7:28.0.0'
implementation 'com.android.support.constraint:constraint-layout:1.1.3'
testImplementation 'junit:junit:4.12'
androidTestImplementation 'com.android.support.test:runner:1.0.2'
androidTestImplementation 'com.android.support.test.espresso:espresso-core:3.0.2'
}
21 changes: 21 additions & 0 deletions app/proguard-rules.pro
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
# Add project specific ProGuard rules here.
# You can control the set of applied configuration files using the
# proguardFiles setting in build.gradle.
#
# For more details, see
# http://developer.android.com/guide/developing/tools/proguard.html

# 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 *;
#}

# Uncomment this to preserve the line number information for
# debugging stack traces.
#-keepattributes SourceFile,LineNumberTable

# If you keep the line number information, uncomment this to
# hide the original source file name.
#-renamesourcefileattribute SourceFile
26 changes: 26 additions & 0 deletions app/src/androidTest/java/com/example/android_animated_images/ExampleInstrumentedTest.java
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,26 @@
package com.example.android_animated_images;

import android.content.Context;
import android.support.test.InstrumentationRegistry;
import android.support.test.runner.AndroidJUnit4;

import org.junit.Test;
import org.junit.runner.RunWith;

import static org.junit.Assert.*;

/**
* Instrumented test, which will execute on an Android device.
*
* @see <a href="http://d.android.com/tools/testing">Testing documentation</a>
*/
@RunWith(AndroidJUnit4.class)
public class ExampleInstrumentedTest {
@Test
public void useAppContext() {
// Context of the app under test.
Context appContext = InstrumentationRegistry.getTargetContext();

assertEquals("com.example.android_animated_images", appContext.getPackageName());
}
}
21 changes: 21 additions & 0 deletions app/src/main/AndroidManifest.xml
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.example.android_animated_images">

<application
android:allowBackup="true"
android:icon="@mipmap/ic_launcher"
android:label="@string/app_name"
android:roundIcon="@mipmap/ic_launcher_round"
android:supportsRtl="true"
android:theme="@style/AppTheme">
<activity android:name=".MainActivity">
<intent-filter>
<action android:name="android.intent.action.MAIN" />

<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
</application>

</manifest>
94 changes: 94 additions & 0 deletions app/src/main/java/com/example/android_animated_images/MainActivity.java
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,94 @@
package com.example.android_animated_images;

import android.graphics.drawable.AnimatedImageDrawable;
import android.graphics.drawable.AnimatedVectorDrawable;
import android.graphics.drawable.AnimationDrawable;
import android.graphics.drawable.Drawable;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.widget.ImageView;
import android.widget.RadioButton;
import android.widget.RadioGroup;

import java.net.URL;

public class MainActivity extends AppCompatActivity {
boolean isplaying;
ImageView playButtonImageView;
ImageView imageView;
RadioButton radioButtonGoron;
RadioButton radioButtonLink;
RadioGroup radioGroup;

@Override
protected void onCreate(final Bundle savedInstanceState) {
super.onCreate(savedInstanceState); //INITIALIZATION
setContentView(R.layout.activity_main);
radioButtonGoron = findViewById(R.id.radio_button_goron);
radioButtonLink = findViewById(R.id.radio_button_link);
radioGroup = findViewById(R.id.radio_group);
imageView = findViewById(R.id.image_view);
playButtonImageView = findViewById(R.id.play_button_image_view);
radioButtonLink.setChecked(true); // default radio button checked
imageView.setImageDrawable(getDrawable(R.drawable.link)); //default gif loaded
isplaying = false; //give default value for toggleable boolean


radioGroup.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() { //when either radio button is pressed
@Override
public void onCheckedChanged(RadioGroup radioGroup, int i) {
playButtonImageView.setImageDrawable(getDrawable(R.drawable.play_circle));
isplaying = false;
Log.i("AppLog", "onCheckChanged Triggered");
}
});
radioButtonGoron.setOnClickListener(new View.OnClickListener() { //change which gif is loaded
@Override
public void onClick(View view) {
imageView.setImageDrawable(getDrawable(R.drawable.goron));
}
});
radioButtonLink.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
imageView.setImageDrawable(getDrawable(R.drawable.link));
}
});

playButtonImageView.setOnClickListener(new View.OnClickListener() { //clicking the play/pause button
@Override
public void onClick(View view) {
Drawable gifDrawable = imageView.getDrawable();
if (gifDrawable instanceof AnimatedImageDrawable) { //handles either AnimatedImageDrawables (New type)
if (!isplaying) {
playButtonImageView.setImageDrawable(getDrawable(R.drawable.avd_playtopause));
Drawable playButtonDrawable = playButtonImageView.getDrawable();
((AnimatedVectorDrawable) playButtonDrawable).start();
((AnimatedImageDrawable) imageView.getDrawable()).start();
} else {
playButtonImageView.setImageDrawable(getDrawable(R.drawable.avd_pausetoplay));
Drawable playButtonDrawable = playButtonImageView.getDrawable();
((AnimatedVectorDrawable) playButtonDrawable).start();
((AnimatedImageDrawable) imageView.getDrawable()).stop(); //stop gif
}
}
else if (gifDrawable instanceof AnimationDrawable){ //or AnimationDrawable (Old type)
if (!isplaying) {
playButtonImageView.setImageDrawable(getDrawable(R.drawable.avd_playtopause));
Drawable playButtonDrawable = playButtonImageView.getDrawable();
((AnimatedVectorDrawable) playButtonDrawable).start();
((AnimationDrawable) imageView.getDrawable()).start();
} else {
playButtonImageView.setImageDrawable(getDrawable(R.drawable.avd_pausetoplay));
Drawable playButtonDrawable = playButtonImageView.getDrawable();
((AnimatedVectorDrawable) playButtonDrawable).start();
((AnimationDrawable) imageView.getDrawable()).stop(); //stop gif
}
}
isplaying = !isplaying; // toggle
}
});
}
}
34 changes: 34 additions & 0 deletions app/src/main/res/drawable-v24/ic_launcher_foreground.xml
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,34 @@
<vector xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:aapt="http://schemas.android.com/aapt"
android:width="108dp"
android:height="108dp"
android:viewportWidth="108"
android:viewportHeight="108">
<path
android:fillType="evenOdd"
android:pathData="M32,64C32,64 38.39,52.99 44.13,50.95C51.37,48.37 70.14,49.57 70.14,49.57L108.26,87.69L108,109.01L75.97,107.97L32,64Z"
android:strokeWidth="1"
android:strokeColor="#00000000">
<aapt:attr name="android:fillColor">
<gradient
android:endX="78.5885"
android:endY="90.9159"
android:startX="48.7653"
android:startY="61.0927"
android:type="linear">
<item
android:color="#44000000"
android:offset="0.0" />
<item
android:color="#00000000"
android:offset="1.0" />
</gradient>
</aapt:attr>
</path>
<path
android:fillColor="#FFFFFF"
android:fillType="nonZero"
android:pathData="M66.94,46.02L66.94,46.02C72.44,50.07 76,56.61 76,64L32,64C32,56.61 35.56,50.11 40.98,46.06L36.18,41.19C35.45,40.45 35.45,39.3 36.18,38.56C36.91,37.81 38.05,37.81 38.78,38.56L44.25,44.05C47.18,42.57 50.48,41.71 54,41.71C57.48,41.71 60.78,42.57 63.68,44.05L69.11,38.56C69.84,37.81 70.98,37.81 71.71,38.56C72.44,39.3 72.44,40.45 71.71,41.19L66.94,46.02ZM62.94,56.92C64.08,56.92 65,56.01 65,54.88C65,53.76 64.08,52.85 62.94,52.85C61.8,52.85 60.88,53.76 60.88,54.88C60.88,56.01 61.8,56.92 62.94,56.92ZM45.06,56.92C46.2,56.92 47.13,56.01 47.13,54.88C47.13,53.76 46.2,52.85 45.06,52.85C43.92,52.85 43,53.76 43,54.88C43,56.01 43.92,56.92 45.06,56.92Z"
android:strokeWidth="1"
android:strokeColor="#00000000" />
</vector>
46 changes: 46 additions & 0 deletions app/src/main/res/drawable/avd_pausetoplay.xml
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,46 @@
<animated-vector
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:aapt="http://schemas.android.com/aapt">
<aapt:attr name="android:drawable">
<vector
android:name="vector"
android:alpha=".7"
android:width="100dp"
android:height="100dp"
android:viewportWidth="24"
android:viewportHeight="24">
<group
android:name="group"
android:pivotX="12"
android:pivotY="12">
<path
android:name="path_1"
android:pathData="M 10.8 15.9 L 15.47 12.4 C 15.74 12.2 15.74 11.8 15.47 11.6 L 10.8 8.1 C 10.47 7.85 10 8.09 10 8.5 L 10 15.5 C 10 15.91 10.47 16.15 10.8 15.9 Z M 12 2 C 6.48 2 2 6.48 2 12 C 2 17.52 6.48 22 12 22 C 17.52 22 22 17.52 22 12 C 22 6.48 17.52 2 12 2 Z M 12 20 C 7.59 20 4 16.41 4 12 C 4 7.59 7.59 4 12 4 C 16.41 4 20 7.59 20 12 C 20 16.41 16.41 20 12 20 Z"
android:fillColor="#000"
android:strokeWidth="1"/>
</group>
</vector>
</aapt:attr>
<target android:name="path_1">
<aapt:attr name="android:animation">
<objectAnimator
android:propertyName="pathData"
android:duration="1000"
android:valueFrom="M 14 16 C 14.55 16 15 15.55 15 15 C 15 13 15 11 15 9 C 15 8.45 14.55 8 14 8 C 13.45 8 13 8.45 13 9 L 13 15 C 13 15.55 13.45 16 14 16 L 14 16 M 10 16 C 9.45 16 9 15.55 9 15 L 9 9 C 9 8.45 9.45 8 10 8 C 10.55 8 11 8.45 11 9 L 11 15 C 11 15.55 10.55 16 10 16 C 10 16 10 16 10 16 M 12 20 C 7.59 20 4 16.41 4 12 C 4 7.59 7.59 4 12 4 C 16.41 4 20 7.59 20 12 C 20 16.41 16.41 20 12 20 Z M 12 2 C 6.48 2 2 6.48 2 12 C 2 17.52 6.48 22 12 22 C 17.52 22 22 17.52 22 12 C 22 6.48 17.52 2 12 2 Z"
android:valueTo="M 10.8 15.9 C 12.357 14.733 13.913 13.567 15.47 12.4 C 15.609 12.297 15.676 12.141 15.672 11.987 C 14.727 11.976 13.782 11.964 12.836 11.952 C 11.891 11.941 10.945 11.929 10 11.917 L 10 15.5 C 10 15.91 10.47 16.15 10.8 15.9 L 10.8 15.9 M 15.619 11.775 C 15.585 11.709 15.536 11.649 15.47 11.6 L 10.8 8.1 C 10.47 7.85 10 8.09 10 8.5 C 10 9.639 10 10.778 10 11.917 L 12.836 11.952 C 13.782 11.964 14.727 11.976 15.672 11.987 C 15.67 11.914 15.653 11.842 15.619 11.775 M 12 20 C 7.59 20 4 16.41 4 12 C 4 7.59 7.59 4 12 4 C 16.41 4 20 7.59 20 12 C 20 16.41 16.41 20 12 20 Z M 12 2 C 6.48 2 2 6.48 2 12 C 2 17.52 6.48 22 12 22 C 17.52 22 22 17.52 22 12 C 22 6.48 17.52 2 12 2 Z"
android:valueType="pathType"
android:interpolator="@android:interpolator/fast_out_slow_in"/>
</aapt:attr>
</target>
<target android:name="group">
<aapt:attr name="android:animation">
<objectAnimator
android:propertyName="rotation"
android:duration="1000"
android:valueFrom="0"
android:valueTo="360"
android:valueType="floatType"
android:interpolator="@android:anim/anticipate_overshoot_interpolator"/>
</aapt:attr>
</target>
</animated-vector>
Loading