saulmm / from-design-to-android-part1

First part of 'from design to android' series

From design to android, part 1

This repository hosts the implementation of the aspects covered in this article:

From design to android, part1

This is the first in a series of articles where the motivation is to pick some Dribbble & Materialup concepts and implement them on android. In this article are explained some interesting implementations regarding ConstraintLayout, Databinding, the importance of a flat hierarchy and usage of android scenes.

from-design-to-android-part1's Issues

Remove probably useless layout

In the example, the order form has a <FrameLayout> wrapping a <ConstraintLayout>. Without the <FrameLayout> the height of the BottomSheetDialogFragment is not respected, and the scene transition from the order form to the confirmation layout doesn't work

https://github.com/saulmm/From-design-to-Android-part1/blob/master/app/src/main/res/layout/fragment_order_form.xml

This should be done without the need of that <FrameLayout>

Activity Binding

I don't find this class com.saulmm.cui.databinding.ActivityHomeBinding. I'd like to see because it will be very interesting!

Not working in Kitkat, Getting following error

08-18 07:41:16.141 4210-4210/? E/AndroidRuntime: FATAL EXCEPTION: main
Process: com.saulmm.cui, PID: 4210
android.view.InflateException: Binary XML file line #84: Error inflating class android.widget.ViewSwitcher
at android.view.LayoutInflater.createView(LayoutInflater.java:621)
at uk.co.chrisjenx.calligraphy.CalligraphyLayoutInflater.onCreateView(CalligraphyLayoutInflater.java:164)
at android.view.LayoutInflater.onCreateView(LayoutInflater.java:670)
at uk.co.chrisjenx.calligraphy.CalligraphyLayoutInflater.onCreateView(CalligraphyLayoutInflater.java:148)
at android.view.LayoutInflater.createViewFromTag(LayoutInflater.java:695)
at android.view.LayoutInflater.rInflate(LayoutInflater.java:756)
at android.view.LayoutInflater.rInflate(LayoutInflater.java:759)
at android.view.LayoutInflater.inflate(LayoutInflater.java:492)
at uk.co.chrisjenx.calligraphy.CalligraphyLayoutInflater.inflate(CalligraphyLayoutInflater.java:60)
at android.view.LayoutInflater.inflate(LayoutInflater.java:397)
at android.databinding.DataBindingUtil.inflate(DataBindingUtil.java:116)
at com.saulmm.cui.databinding.FragmentOrderFormBinding.inflate(FragmentOrderFormBinding.java:192)
at com.saulmm.cui.databinding.FragmentOrderFormBinding.inflate(FragmentOrderFormBinding.java:189)
at com.saulmm.cui.OrderDialogFragment.onCreateView(OrderDialogFragment.java:105)
at android.support.v4.app.Fragment.performCreateView(Fragment.java:2189)
at android.support.v4.app.FragmentManagerImpl.moveToState(FragmentManager.java:1299)
at android.support.v4.app.FragmentManagerImpl.moveFragmentToExpectedState(FragmentManager.java:1528)
at android.support.v4.app.FragmentManagerImpl.moveToState(FragmentManager.java:1595)
at android.support.v4.app.BackStackRecord.executeOps(BackStackRecord.java:757)
at android.support.v4.app.FragmentManagerImpl.executeOps(FragmentManager.java:2355)
at android.support.v4.app.FragmentManagerImpl.executeOpsTogether(FragmentManager.java:2146)
at android.support.v4.app.FragmentManagerImpl.optimizeAndExecuteOps(FragmentManager.java:2098)
at android.support.v4.app.FragmentManagerImpl.execPendingActions(FragmentManager.java:2008)
at android.support.v4.app.FragmentManagerImpl$1.run(FragmentManager.java:710)
at android.os.Handler.handleCallback(Handler.java:733)
at android.os.Handler.dispatchMessage(Handler.java:95)
at android.os.Looper.loop(Looper.java:136)
at android.app.ActivityThread.main(ActivityThread.java:5017)
at java.lang.reflect.Method.invokeNative(Native Method)
at java.lang.reflect.Method.invoke(Method.java:515)
at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:779)
at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:595)
at dalvik.system.NativeStart.main(Native Method)
Caused by: java.lang.reflect.InvocationTargetException
at java.lang.reflect.Constructor.constructNative(Native Method)
at java.lang.reflect.Constructor.newInstance(Constructor.java:423)
at android.view.LayoutInflater.createView(LayoutInflater.java:595)
at uk.co.chrisjenx.calligraphy.CalligraphyLayoutInflater.onCreateView(CalligraphyLayoutInflater.java:164) 
at android.view.LayoutInflater.onCreateView(LayoutInflater.java:670) 
at uk.co.chrisjenx.calligraphy.CalligraphyLayoutInflater.onCreateView(CalligraphyLayoutInflater.java:148) 
at android.view.LayoutInflater.createViewFromTag(LayoutInflater.java:695) 
at android.view.LayoutInflater.rInflate(LayoutInflater.java:756) 
at android.view.LayoutInflater.rInflate(LayoutInflater.java:759) 
at android.view.LayoutInflater.inflate(LayoutInflater.java:492) 
at uk.co.chrisjenx.calligraphy.CalligraphyLayoutInflater.inflate(CalligraphyLayoutInflater.java:60) 
at android.view.LayoutInflater.inflate(LayoutInflater.java:397) 
at android.databinding.DataBindingUtil.inflate(DataBindingUtil.java:116) 
at com.saulmm.cui.databinding.FragmentOrderFormBinding.inflate(FragmentOrderFormBinding.java:192) 
at com.saulmm.cui.databinding.FragmentOrderFormBinding.inflate(FragmentOrderFormBinding.java:189) 
at com.saulmm.cui.OrderDialogFragment.onCreateView(OrderDialogFragment.java:105) 
at android.support.v4.app.Fragment.performCreateView(Fragment.java:2189) 
at android.support.v4.app.FragmentManagerImpl.moveToState(FragmentManager.java:1299) 
at android.support.v4.app.FragmentManagerImpl.moveFragmentToExpectedState(FragmentManager.java:1528) 
at android.support.v4.app.FragmentManagerImpl.moveToState(FragmentManager.java:1595) 
at android.support.v4.app.BackStackRecord.executeOps(BackStackRecord.java:757) 
at android.support.v4.app.FragmentManagerImpl.executeOps(FragmentManager.java:2355) 
at android.support.v4.app.FragmentManagerImpl.executeOpsTogether(FragmentManager.java:2146) 
at android.support.v4.app.FragmentManagerImpl.optimizeAndExecuteOps(FragmentManager.java:2098) 
at android.support.v4.app.FragmentManagerImpl.execPendingActions(FragmentManager.java:2008) 
at android.support.v4.app.FragmentManagerImpl$1.run(FragmentManager.java:710) 
at android.os.Handler.handleCallback(Handler.java:733) 
at android.os.Handler.dispatchMessage(Handler.java:95) 
at android.os.Looper.loop(Looper.java:136) 
at android.app.ActivityThread.main(ActivityThread.java:5017) 
at java.lang.reflect.Method.invokeNative(Native Method) 
at java.lang.reflect.Method.invoke(Method.java:515) 
at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:779) 
at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:595) 
at dalvik.system.NativeStart.main(Native Method) 
Caused by: android.content.res.Resources$NotFoundException: Resource ID #0x10c000d
at android.content.res.Resources.getValue(Resources.java:1123)
at android.content.res.Resources.loadXmlResourceParser(Resources.java:2314)
at android.content.res.Resources.getAnimation(Resources.java:963)
at android.view.animation.AnimationUtils.loadInterpolator(AnimationUtils.java:270)
at android.view.animation.Animation.setInterpolator(Animation.java:391)
at android.view.animation.Animation.(Animation.java:255)
at android.view.animation.AnimationSet.(AnimationSet.java:81)
at android.view.animation.AnimationUtils.createAnimationFromXml(AnimationUtils.java:113)
at android.view.animation.AnimationUtils.createAnimationFromXml(AnimationUtils.java:91)
at android.view.animation.AnimationUtils.loadAnimation(AnimationUtils.java:72)
at android.widget.ViewAnimator.setInAnimation(ViewAnimator.java:315)
at android.widget.ViewAnimator.(ViewAnimator.java:59)
at android.widget.ViewSwitcher.(ViewSwitcher.java:55)
at java.lang.reflect.Constructor.constructNative(Native Method) 
at java.lang.reflect.Constructor.newInstance(Constructor.java:423) 
at android.view.LayoutInflater.createView(LayoutInflater.java:595) 
at uk.co.chrisjenx.calligraphy.CalligraphyLayoutInflater.onCreateView(CalligraphyLayoutInflater.java:164) 
at android.view.LayoutInflater.onCreateView(LayoutInflater.java:670) 
at uk.co.chrisjenx.calligraphy.CalligraphyLayoutInflater.onCreateView(CalligraphyLayoutInflater.java:148) 
at android.view.LayoutInflater.createViewFromTag(LayoutInflater.java:695) 
at android.view.LayoutInflater.rInflate(LayoutInflater.java:756) 
at android.view.LayoutInflater.rInflate(LayoutInflater.java:759) 
at android.view.LayoutInflater.inflate(LayoutInflater.java:492) 
at uk.co.chrisjenx.calligraphy.CalligraphyLayoutInflater.inflate(CalligraphyLayoutInflater.java:60) 
at android.view.LayoutInflater.inflate(LayoutInflater.java:397) 
at android.databinding.DataBindingUtil.inflate(DataBindingUtil.java:116) 
at com.saulmm.cui.databinding.FragmentOrderFormBinding.inflate(FragmentOrderFormBinding.java:192) 
at com.saulmm.cui.databinding.FragmentOrderFormBinding.inflate(FragmentOrderFormBinding.java:189) 
at com.saulmm.cui.OrderDialogFragment.onCreateView(OrderDialogFragment.java:105) 
at android.support.v4.app.Fragment.performCreateView(Fragment.java:2189) 
at android.support.v4.app.FragmentManagerImpl.moveToState(FragmentManager.java:1299) 
at android.support.v4.app.FragmentManagerImpl.moveFragmentToExpectedState(FragmentManager.java:1528) 
at android.support.v4.app.FragmentManagerImpl.moveToState(FragmentManager.java:1595) 
at android.support.v4.app.BackStackRecord.executeOps(BackStackRecord.java:757) 
at android.support.v4.app.FragmentManagerImpl.executeOps(FragmentManager.java:2355) 
at android.support.v4.app.FragmentManagerImpl.executeOpsTogether(FragmentManager.java:2146) 
at android.support.v4.app.FragmentManagerImpl.optimizeAndExecuteOps(FragmentManager.java:2098) 
at android.support.v4.app.FragmentManagerImpl.execPendingActions(FragmentManager.java:2008) 
at android.support.v4.app.FragmentManagerImpl$1.run(FragmentManager.java:710) 
at android.os.Handler.handleCallback(Handler.java:733) 
at android.os.Handler.dispatchMessage(Handler.java:95) 
at android.os.Looper.loop(Looper.java:136) 
at android.app.ActivityThread.main(ActivityThread.java:5017) 
at java.lang.reflect.Method.invokeNative(Native Method) 
at java.lang.reflect.Method.invoke(Method.java:515) 
at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:779) 
at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:595) 
at dalvik.system.NativeStart.main(Native Method) 

Unable to open HomeActivity

After building project is success, the app crashes immediately right after launching.

java.lang.RuntimeException: Unable to start activity ComponentInfo{com.saulmm.cui/com.saulmm.cui.HomeActivity}: java.lang.IllegalStateException: You need to use a Theme.AppCompat theme (or descendant) with this activity.

Does not work on Android 6.0

when launched, it shows white screen

gradle error

When I downloaded from this site, the following error occurred when compiling the project。

Error:A problem occurred configuring project ':app'.

Could not resolve all dependencies for configuration ':app:_debugApkCopy'.
Could not find com.android.support.constraint:constraint-layout:1.0.2.
Searched in the following locations:
https://jcenter.bintray.com/com/android/support/constraint/constraint-layout/1.0.2/constraint-layout-1.0.2.pom
https://jcenter.bintray.com/com/android/support/constraint/constraint-layout/1.0.2/constraint-layout-1.0.2.jar
Required by:
project :app

Can't find "ActivityHomeBinding"file