├── .gitignore ├── README.md ├── app ├── .gitignore ├── build.gradle ├── proguard-rules.pro └── src │ ├── androidTest │ └── java │ │ └── com │ │ └── trydroid │ │ └── activitytransition │ │ └── ApplicationTest.java │ └── main │ ├── AndroidManifest.xml │ ├── java │ └── com │ │ └── trydroid │ │ └── activitytransition │ │ ├── DetailActivity.java │ │ ├── MainActivity.java │ │ ├── adapter │ │ └── GridViewAdapter.java │ │ └── model │ │ └── Item.java │ └── res │ ├── layout │ ├── activity_detail.xml │ ├── activity_main.xml │ └── grid_item.xml │ ├── menu │ └── menu_main.xml │ ├── mipmap-hdpi │ └── ic_launcher.png │ ├── mipmap-mdpi │ └── ic_launcher.png │ ├── mipmap-xhdpi │ └── ic_launcher.png │ ├── mipmap-xxhdpi │ └── ic_launcher.png │ ├── transition │ └── custom_transition.xml │ ├── values-v21 │ └── styles.xml │ ├── values-w820dp │ └── dimens.xml │ └── values │ ├── dimens.xml │ ├── strings.xml │ └── styles.xml ├── build.gradle ├── gradle.properties ├── gradle └── wrapper │ ├── gradle-wrapper.jar │ └── gradle-wrapper.properties ├── gradlew ├── gradlew.bat ├── screenshot.gif └── settings.gradle /.gitignore: -------------------------------------------------------------------------------- 1 | # Built application files 2 | *.apk 3 | *.ap_ 4 | 5 | # Files for the Dalvik VM 6 | *.dex 7 | 8 | # Java class files 9 | *.class 10 | 11 | # Generated files 12 | bin/ 13 | gen/ 14 | 15 | # Gradle files 16 | .gradle/ 17 | ./gradlew.bat 18 | ./gradlew 19 | build/ 20 | 21 | # Mirror files 22 | mirror/ 23 | 24 | # Local configuration file (sdk path, etc) 25 | local.properties 26 | 27 | # Proguard folder generated by Eclipse 28 | proguard/ 29 | 30 | # Intellij project files 31 | *.iws 32 | .idea/workspace.xml 33 | .idea/tasks.xml 34 | .idea 35 | 36 | *.iml 37 | 38 | # OS 39 | .DS_Store -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Android Activity Transition 2 | Try to implement Android activity transition with ActivityCompat require Android 5.0 (API level 21) and above 3 | 4 | 5 | ## Screen Shot 6 | Android Activity Transition Example -------------------------------------------------------------------------------- /app/.gitignore: -------------------------------------------------------------------------------- 1 | /build 2 | -------------------------------------------------------------------------------- /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 "com.trydroid.activitytransition" 9 | minSdkVersion 8 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.1' 25 | compile 'com.squareup.picasso:picasso:2.5.2' 26 | } 27 | -------------------------------------------------------------------------------- /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 /home/zues/Projects/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 | -------------------------------------------------------------------------------- /app/src/androidTest/java/com/trydroid/activitytransition/ApplicationTest.java: -------------------------------------------------------------------------------- 1 | package com.trydroid.activitytransition; 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 | } -------------------------------------------------------------------------------- /app/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | 7 | 12 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 25 | 26 | 27 | 28 | 29 | -------------------------------------------------------------------------------- /app/src/main/java/com/trydroid/activitytransition/DetailActivity.java: -------------------------------------------------------------------------------- 1 | package com.trydroid.activitytransition; 2 | 3 | import android.app.Activity; 4 | import android.content.Intent; 5 | import android.os.Bundle; 6 | import android.support.v4.app.ActivityCompat; 7 | import android.support.v4.app.ActivityOptionsCompat; 8 | import android.support.v4.util.Pair; 9 | import android.support.v4.view.ViewCompat; 10 | import android.support.v7.app.ActionBar; 11 | import android.support.v7.app.AppCompatActivity; 12 | import android.view.MenuItem; 13 | import android.view.View; 14 | import android.widget.ImageView; 15 | import android.widget.TextView; 16 | 17 | import com.squareup.picasso.Picasso; 18 | import com.trydroid.activitytransition.model.Item; 19 | 20 | public class DetailActivity extends AppCompatActivity { 21 | public static final String TRANSITION_IMAGE = "transition:image"; 22 | public static final String TRANSITION_TEXT = "transition:text"; 23 | 24 | public static final String EXTRA_IMAGE = "DetailActivity:image"; 25 | public static final String EXTRA_TEXT = "DetailActivity:text"; 26 | 27 | public static void launch(Activity activity, View imageView, View textView, Item item) { 28 | Intent intent = new Intent(activity, DetailActivity.class); 29 | intent.putExtra(EXTRA_IMAGE, item.getUrl()); 30 | intent.putExtra(EXTRA_TEXT, item.getText()); 31 | 32 | Pair imageTransitionView = Pair.create(imageView, TRANSITION_IMAGE); 33 | Pair textTransitionView = Pair.create(textView, TRANSITION_TEXT); 34 | 35 | ActivityOptionsCompat options = ActivityOptionsCompat.makeSceneTransitionAnimation(activity, imageTransitionView, textTransitionView); 36 | ActivityCompat.startActivity(activity, intent, options.toBundle()); 37 | } 38 | 39 | @Override 40 | protected void onCreate(Bundle savedInstanceState) { 41 | super.onCreate(savedInstanceState); 42 | setContentView(R.layout.activity_detail); 43 | ActionBar actionBar = getSupportActionBar(); 44 | if (actionBar != null) { 45 | getSupportActionBar().setDisplayHomeAsUpEnabled(true); 46 | } 47 | 48 | ImageView imageView = (ImageView) findViewById(R.id.detail_image); 49 | TextView textView = (TextView) findViewById(R.id.detail_text); 50 | 51 | ViewCompat.setTransitionName(imageView, TRANSITION_IMAGE); 52 | ViewCompat.setTransitionName(textView, TRANSITION_TEXT); 53 | 54 | String url = getIntent().getStringExtra(EXTRA_IMAGE); 55 | String text = getIntent().getStringExtra(EXTRA_TEXT); 56 | 57 | textView.setText(text); 58 | Picasso.with(this) 59 | .load(url) 60 | .into(imageView); 61 | } 62 | 63 | @Override 64 | public boolean onOptionsItemSelected(MenuItem item) { 65 | switch (item.getItemId()) { 66 | // Respond to the action bar's Up/Home button 67 | case android.R.id.home: 68 | supportFinishAfterTransition(); 69 | return true; 70 | } 71 | return super.onOptionsItemSelected(item); 72 | } 73 | } -------------------------------------------------------------------------------- /app/src/main/java/com/trydroid/activitytransition/MainActivity.java: -------------------------------------------------------------------------------- 1 | package com.trydroid.activitytransition; 2 | 3 | import android.os.Bundle; 4 | import android.support.v7.app.AppCompatActivity; 5 | import android.view.View; 6 | import android.widget.AdapterView; 7 | import android.widget.GridView; 8 | 9 | import com.trydroid.activitytransition.adapter.GridViewAdapter; 10 | import com.trydroid.activitytransition.model.Item; 11 | 12 | import java.util.ArrayList; 13 | import java.util.List; 14 | 15 | public class MainActivity extends AppCompatActivity { 16 | 17 | private GridViewAdapter mAdapter; 18 | 19 | @Override 20 | protected void onCreate(Bundle savedInstanceState) { 21 | super.onCreate(savedInstanceState); 22 | setContentView(R.layout.activity_main); 23 | 24 | List items = buildItemList(); 25 | mAdapter = new GridViewAdapter(items); 26 | 27 | GridView gridView = (GridView) findViewById(R.id.gridView); 28 | gridView.setAdapter(mAdapter); 29 | gridView.setOnItemClickListener(new AdapterView.OnItemClickListener() { 30 | @Override 31 | public void onItemClick(AdapterView adapterView, View view, int position, long l) { 32 | Item item = (Item) mAdapter.getItem(position); 33 | 34 | View itemImageView = view.findViewById(R.id.grid_image); 35 | View itemTextView = view.findViewById(R.id.grid_text); 36 | 37 | DetailActivity.launch(MainActivity.this, itemImageView, itemTextView, item); 38 | } 39 | }); 40 | } 41 | 42 | private List buildItemList() { 43 | List items = new ArrayList<>(); 44 | for (int i = 1; i <= 10; i++) { 45 | items.add(new Item("http://lorempixel.com/800/600/sports/" + i, "Item " + i)); 46 | } 47 | 48 | return items; 49 | } 50 | } 51 | -------------------------------------------------------------------------------- /app/src/main/java/com/trydroid/activitytransition/adapter/GridViewAdapter.java: -------------------------------------------------------------------------------- 1 | package com.trydroid.activitytransition.adapter; 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 | import android.widget.ImageView; 9 | import android.widget.TextView; 10 | 11 | import com.squareup.picasso.Picasso; 12 | import com.trydroid.activitytransition.R; 13 | import com.trydroid.activitytransition.model.Item; 14 | 15 | import java.util.List; 16 | 17 | public class GridViewAdapter extends BaseAdapter { 18 | 19 | private List mItems; 20 | 21 | public GridViewAdapter(List items) { 22 | mItems = items; 23 | } 24 | 25 | @Override 26 | public int getCount() { 27 | return mItems.size(); 28 | } 29 | 30 | @Override 31 | public Object getItem(int position) { 32 | return mItems.get(position); 33 | } 34 | 35 | @Override 36 | public long getItemId(int i) { 37 | return i; 38 | } 39 | 40 | @Override 41 | public View getView(int position, View convertView, ViewGroup viewGroup) { 42 | Context context = viewGroup.getContext(); 43 | Item item = (Item) getItem(position); 44 | 45 | ViewHolder holder; 46 | if (convertView == null) { 47 | convertView = LayoutInflater.from(context).inflate(R.layout.grid_item, viewGroup, false); 48 | 49 | holder = new ViewHolder(convertView); 50 | convertView.setTag(holder); 51 | } 52 | else { 53 | holder = (ViewHolder) convertView.getTag(); 54 | } 55 | 56 | Picasso.with(context) 57 | .load(item.getUrl()) 58 | .into(holder.imageView); 59 | 60 | holder.textView.setText(item.getText()); 61 | 62 | return convertView; 63 | } 64 | 65 | static class ViewHolder { 66 | public ImageView imageView; 67 | public TextView textView; 68 | 69 | public ViewHolder(View view) { 70 | imageView = (ImageView) view.findViewById(R.id.grid_image); 71 | textView = (TextView) view.findViewById(R.id.grid_text); 72 | } 73 | } 74 | } -------------------------------------------------------------------------------- /app/src/main/java/com/trydroid/activitytransition/model/Item.java: -------------------------------------------------------------------------------- 1 | package com.trydroid.activitytransition.model; 2 | 3 | public class Item { 4 | private String url; 5 | private String text; 6 | 7 | public Item(String url, String text) { 8 | this.url = url; 9 | this.text = text; 10 | } 11 | 12 | public String getUrl() { 13 | return url; 14 | } 15 | 16 | public String getText() { 17 | return text; 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /app/src/main/res/layout/activity_detail.xml: -------------------------------------------------------------------------------- 1 | 2 | 7 | 8 | 13 | 14 | 21 | 22 | -------------------------------------------------------------------------------- /app/src/main/res/layout/activity_main.xml: -------------------------------------------------------------------------------- 1 | 7 | 8 | 17 | 18 | 19 | -------------------------------------------------------------------------------- /app/src/main/res/layout/grid_item.xml: -------------------------------------------------------------------------------- 1 | 2 | 7 | 8 | 13 | 14 | 21 | 22 | -------------------------------------------------------------------------------- /app/src/main/res/menu/menu_main.xml: -------------------------------------------------------------------------------- 1 | 5 | 9 | 10 | -------------------------------------------------------------------------------- /app/src/main/res/mipmap-hdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/minibugdev/android-activity-transition/ba80e002ba3e4859947a3e557772eba1862898a5/app/src/main/res/mipmap-hdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-mdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/minibugdev/android-activity-transition/ba80e002ba3e4859947a3e557772eba1862898a5/app/src/main/res/mipmap-mdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/minibugdev/android-activity-transition/ba80e002ba3e4859947a3e557772eba1862898a5/app/src/main/res/mipmap-xhdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/minibugdev/android-activity-transition/ba80e002ba3e4859947a3e557772eba1862898a5/app/src/main/res/mipmap-xxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/transition/custom_transition.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /app/src/main/res/values-v21/styles.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 18 | -------------------------------------------------------------------------------- /app/src/main/res/values-w820dp/dimens.xml: -------------------------------------------------------------------------------- 1 | 2 | 5 | 64dp 6 | 7 | -------------------------------------------------------------------------------- /app/src/main/res/values/dimens.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 16dp 4 | 16dp 5 | 6 | -------------------------------------------------------------------------------- /app/src/main/res/values/strings.xml: -------------------------------------------------------------------------------- 1 | 2 | ActivityTransition 3 | 4 | Hello world! 5 | Settings 6 | 7 | image_transition 8 | 9 | -------------------------------------------------------------------------------- /app/src/main/res/values/styles.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 6 |