Android Weekly #259

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> Android Weekly #259 #outlook a padding:0; body width:100% !important; margin:0; padding:0; body * -ms-text-size-adjust:none!important; -webkit-text-size-adjust:none!important; body,.wrapper background:#ffffff; color:#505050; font-family:Arial, sans-serif; font-size:12px; table,table td border-collapse:collapse; h1,span.date font-weight:normal; margin:0; padding:0; h2 text-transform:uppercase border-bottom: 1px solid #CCCCCC; display:block; font-size:18px; font-weight:400; line-height:100%; margin:2% 0 1%; padding:4px; text-align:left; img outline:none; text-decoration:none; border:0; height:auto; line-height:100%; a img border:none; a:hover text-decoration:underline!important; h1 a:hover text-decoration:none!important; .header span font-size:36px; font-weight:bold; margin-left:15px; padding-top:9px; @media only screen and (max-width: 540px) body[yahoo] width:100%!important; } @media only screen and (max-width: 540px) body[yahoo] .wrapper margin:0 2%; width:96%!important; } @media only screen and (max-width: 540px) body[yahoo] .wrapper tr,body[yahoo] .wrapper td display:block; width:auto!important; } @media only screen and (max-width: 540px) body[yahoo] .mobile-hidden display:none!important; } @media only screen and (max-width: 540px) body[yahoo] .wrapper td h1 display:block!important; } @media only screen and (max-width: 540px) body[yahoo] .wrapper td h1 img display:block!important; height:auto!important; margin-left:auto!important; margin-right:auto!important; } @media only screen and (max-width: 540px) body[yahoo] .wrapper td h1 img:first-child width:90%!important; margin-bottom:5px!important; } @media only screen and (max-width: 540px) body[yahoo] .wrapper td h1 img:last-child width:75%!important; } @media only screen and (max-width: 540px) body[yahoo] .wrapper td h1 span visibility:visible!important; opacity:1!important; display:block!important; overflow:visible!important; height:auto!important; width:100%!important; } @media only screen and (max-width: 540px) body[yahoo] .wrapper td p text-align:justify!important; } @media only screen and (max-width: 540px) body[yahoo] .wrapper td span.issue-number text-align:center!important; display:block!important; margin:10px 0 10px 0!important; font-size:30px!important; } @media only screen and (max-width: 540px) body[yahoo] .wrapper td span.date text-align:center!important; } @media only screen and (max-width: 540px) body[yahoo] .wrapper td h2 text-align:center!important; font-size:32px!important; border:none!important; margin-bottom:15px!important; } @media only screen and (max-width: 540px) body[yahoo] .wrapper td a display:block; text-align:center; margin:0 auto 5px; } @media only screen and (max-width: 540px) body[yahoo] .wrapper td span.main-url display:none!important; } @media only screen and (max-width: 540px) body[yahoo] .wrapper td a.article-headline font-size:20px!important; } @media only screen and (max-width: 540px) body[yahoo] .wrapper td p font-size:18px!important; font-weight:100!important; } <!– Pre Header –> View in browser <!– Pre Header – End –> <!– Header –> #259 May 28, 2017 <!– Header – End –> <!– separator –> <!– separator – end –> Articles & Tutorials    Beautiful animations using Android ConstraintLayout (robinhood.engineering) In this post Jinyan Cao explains how to create beautiful animations using ConstraintLayout. You’ll learn how to build it and about all the caveats that are coming with it.

More: 

Android Weekly #259