Dive into Animate Spans with text and performance

Dive into Animate Spans with text and performance Animation Emoji

8BLFFM"INBE"CEVM -*/&'VLVPLB"OESPJE%FWFMPQFS • .PWFE UP +BQBO • #JH GBO
PG "OESPJE • /FUGMJY "OJNF BOE $SJDLFU

Animation Emoji

Introduction File Format Spans How to display animation in TextView/EditText
Performance Conclusion 01 02 03 04 05 06 Contents

*OUSPEVDUJPO • -*/&SFDFOUMZJOUSPEVDFE"OJNBUJPO&NPKJGFBUVSF • 6TJOHFNPKJTJOUFYUNFTTBHFTDBONBLFUIFVTFSTDPNNVOJDBUJPONFTTBHFTNPSF GVOBOEFOUFSUBJOJOH • 5BLFUIJTFNPKJFYQFSJFODFUPOFYUMFWFM

"1/( • 4VQQPSUCJUJNBHFT • 4VQQPSUCJUUSBOTQBSFODZ • -PXFSGJMFTJ[F (*' • %PFTOPUPGGFSBMQIBDIBOOFM
• 0OMZTVQQPSUTDPMPST • #JHHFSGJMFTJ[F • 4VQQPSUFEBDSPTTEJGGFSFOU QMBUGPSNT "1/(WT(*'

8IBUJT"1/( • "OJNBUFE1PSUBCMF/FUXPSL(SBQIJDT "1/( • 1/(EFDPEFSDBOEJTQMBZ"1/(CVUXJUIPVU BOJNBUJPO • 5IFGSBNFTQFFEEBUBBOEFYUSBBOJNBUJPO GSBNFTBSFTUPSFEJOFYUSBDIVOLT

)BSEXBSF • 6TF(16 • 0QFSBUJPOTBSFSFDPSEFE • "GGFDU7JFXJOWBMJEBUF 4PGUXBSF •
6TF$16 • 0QFSBUJPOTBSFQFSGPSNFE JNNFEJBUFMZ • -JNJUFEDBDIFTJ[F )BSEXBSFWT4PGUXBSF 7JFX3FOEFSJOH

$POUSPMIBSEXBSFBDDFMFSBUJPO • "QQMJDBUJPO • "DUJWJUZ • 8JOEPX • 7JFX

8IBUJT4QBO • 4QBOTBSFQPXFSGVMDPODFQUTUIBUBMMPXTUZMJOHUFYUBUDIBSBDUFSPSQBSBHSBQIMFWFMT CZQSPWJEJOHBDDFTTUPDPNQPOFOUTMJLF5FYU1BJOU BOE$BOWBT • 4VQQPSUFECZ5FYU7JFX &EJU5FYU BOEMBZPVUTTUBUJDBOE%ZOBNJD-BZPVUT •
)5.-GPSNBUJTDPOWFSUFEJOUPTQBOT

4QBOOBCMF4USJOH

LET’S START CODING

"1/(%SBXBCMF • "1/(%SBXBCMF JTGBTUBOEMJHIUXFJHIU"1/(JNBHFEFDPEFSMJCSBSZGPS"OESPJE QMBUGPSN • 0QFOTPVSDFIUUQTHJUIVCDPNMJOFBQOHESBXBCMF • 1SPWJEFNBOZVTFGVMNFUIPET

%FDPEJOH "1/(%SBXBCMF • %FDPEFGSPN'JMF • %FDPEFGSPN*OQVU4USFBN • %FDPEFGSPN"TTFU

%SBXBCMF$BMMCBDL • %SBXBCMF$BMMCBDL UPOPUJGZ7JFXUIBUJU`TUJNFUPSFOEFSOFYUGSBNF

"OJNBUFTQBOJOTJEF5FYU7JFX

1SPCMFNTXJUI5FYU8BUDIFS BOEJT4FMFDUBCMF • &EJUPSJTBUUBDIFEUPUIF5FYU7JFX XIFOXFVTFBCPWFQSPQFSUJFT • $BMMJOH 5FYU7JFXJOWBMJEBUF XJMMOPUDBVTFSFESBXJOHJG 5FYU7JFX
IBTFEJUPSBUUBDIFE UPJU

JT4FMFDUBCMF "MUFSOBUJWF • "WPJEVTJOH5FYU7JFXJT4FMFDUBCMF BOEXFDBOBDIJFWFUIFTBNFCFIBWJPSXJUI GPMMPXJOHDPEF

4PMVUJPOGPS5FYU8BUDIFS • 8FDBOVTF4PGUXBSF3FOEFSJOH • $BDIFJTTVFXJUI4PGUXBSF3FOEFSJOH

$BDIFJTTVFXJUI4PGUXBSF3FOEFSJOH • -JNJUUIFIFJHIUPG5FYU7JFX • 8SBQBSPVOE5FYU7JFX JOTJEF4DSPMM7JFX

"OJNBUFTQBOJOTJEF&EJU5FYU

4PGUXBSF3FOEFSJOHXJUI&EJU5FYU • 8FNVTUVTF4PGUXBSF3FOEFSJOHGPS&EJU5FYU • 4PGUXBSFSFOEFSJOHIBTDBDIFJTTVF

1FSGPSNBODF • /VNCFSPG4QBOT • 3FOEFSJOH.FUIPET

1FSGPSNBODF /VNCFSPG4QBOT • 0QUJNJ[FWJFXJOWBMJEBUJPO • -JNJUOVNCFSPGTQBOT • 6TF1SFDPNQVUFE5FYU

1FSGPSNBODF 3FOEFSJOH.FUIPET • )BSEXBSFSFOEFSJOHJTGBTU • -JNJUUIFIFJHIUPG7JFXTUPTBWF$BDIF

$PODMVTJPO • "1/(GJMFGPSNBUIBTBEWBOUBHFTPWFSPUIFSGPSNBUT • 4QBOTBSFHPPEXBZUPEFDPSBUFUFYU • 3FOEFSJOHNFUIPETDBOBGGFDUWJFXTJOWBMJEBUJPO • 4PGUXBSFSFOEFSJOHTPMWFTJTTVFCVUCFBXBSFPGDBDIFMJNJUBUJPO •
)BWJOHTQBOTJOUFYUDBOBGGFDUQFSGPSNBODF

THANK YOU

Dive into Animate Spans with text and performance

Dive into Animate Spans with text and performance

LINE Developers

More Decks by LINE Developers

Other Decks in Technology

Featured

Transcript