
Portuguese: 
Sejam todos bem-vindos.
Meu nome é Nicolas.
Olá, eu sou Oscar.
Sou engenheiro de software
em ferramentas de design.
Olá, Sou Paris, designer de interação
para ferramentas de design.
Eu sou John,
também da equipe de
ferramentas de design.
Hoje vamos falar
sobre ferramentas de design
no Android Studio e
teremos uma extensa seção
dedicada ao Motion Editor.
Temos bastante conteúdo para ver.
Lembro de quando 
apresentamos o Layout Editor
no Android Studio 2.2
Desde então, temos feito
algumas mudanças.
Lançamos a biblioteca Constraint Layouts
para ajudar a criar IUs de
um modo mais simples e eficiente.
Melhoramos o Layout Editor, versão
após versão.
Lançamos o Motion Layout também
na Constraint Layout 2 para
ajudar a criar não apenas IUs,
mas também animação e movimento.
E, na 3.3, lançamos o Editor de navegação

Chinese: 
欢迎各位 我是 Nicolas 
大家好 我是 Oscar 负责设计工具的软件工程师
大家好 我是 Paris 负责设计工具的交互设计师
大家好 我是 John 同样来自设计工具团队
今天我们来谈谈 Android Studio 中的设计工具
其中很大一部分时间要分配给 Motion Editor 
我们要讲的内容有很多
大家可能还记得 我们在 Android Studio 2.2 中
加入了 Layout Editor 
从那以后 我们做出了几处更改
我们发布了 Constraint Layouts 库
帮助你用更加简单高效的方式创建 UI
在发布后 我们不断改进 Motion Editor 和 Constraint Layouts
帮助你创建 UI 动画和动效
我们在3.3版本中发布了 Navigation Editor

Japanese: 
皆さんようこそ
私はニコラです
デザインツールのソフトウェアエンジニア
オスカーです
インタラクションデザイナーのパリスです
ジョンです
私もデザインツール担当です
本日はAndroid Studioの
デザインツールを紹介します
Motion Editorがメインで
内容が盛りだくさんです
Layout Editorが登場した
Android Studio 2.2から
いくつか変更を行いました
UIをシンプルかつ能率的に作成できる
ConstraintLayoutライブラリを
リリースして改善を重ねているほか
UIやアニメーションの制作に役立つ
MotionLayoutも
ContraintLayout 2で
提供を開始しました
3.3ではNavigation Editorと

English: 
[MUSIC PLAYING]
NICOLAS ROARD:
Welcome, everyone.
My name is Nicolas.
OSCAR ADAME VAZQUEZ:
Hi, I'm Oscar.
I'm a software engineer
in design tools.
PARIS HSU: Hi, I'm Paris,
I'm an interaction designer
for design tools.
JOHN HOFORD: Hi, I'm John.
I'm in design tools as well.
NICOLAS ROARD: So
today, we are going
to talk about design
tools in Android Studio,
and, you know, a large section
devoted to Motion Editor.
And we have lots of
content to go through.
So, you know, you may remember
we introduced the Layout Editor
in Android Studio 2.2.
Since then, we
made a few changes.
We released Constraint
Layouts library
to help you create your UI in
a simpler, more efficient way.
We improved constantly,
release after release
the Layout Editor.
We released Motion Layout as
well in Constraint Layout 2
to help you create not only
UI but animation and motion.
And we released in 3.3
the Navigation Editor

Indonesian: 
-Halo semuanya.
Saya Nicolas.
-Saya Oscar.
Saya software engineer untuk alat desain.
-Saya Paris,
desainer interaksi
untuk alat desain.
-Saya John.
Saya juga dari tim alat desain.
-Hari ini kami akan
membahas
alat desain di Android Studio,
dan sebagian besar
adalah tentang Motion Editor.
Dan ada banyak konten yang akan dibahas.
Anda mungkin ingat
kami memperkenalkan Layout Editor
di Android Studio 2.2.
Sejak itu, kami
membuat beberapa perubahan.
Kami merilis library Constraint Layouts
untuk membantu membuat UI
dengan lebih sederhana dan efisien.
Kami terus membuat
peningkatan di setiap rilis
Layout Editor.
Kami juga merilis Motion
Layout di Constraint Layout 2
tidak hanya untuk membantu
membuat UI, tapi juga animasi dan motion.
Dan di versi 3.3, kami
merilis Navigation Editor

Korean: 
[음악 재생]
환영합니다, 여러분
제 이름은 니콜라스입니다
안녕하세요, 저는 오스카입니다
저는 디자인 툴을 담당하는
소프트웨어 엔지니어입니다
안녕하세요,
저는 패리스이고 디자인 툴의
인터랙션 디자이너입니다
안녕하세요, 저는 존입니다
저도 디자인 툴을 맡고 있습니다
오늘 저희는
Android 스튜디오의
디자인 툴에 대해 말씀드리고자 하는데
Motion Editor에 대해 
상당 부분을 할애할 것입니다
오늘 다뤄야 할 내용이 많습니다
Android 스튜디오 2.2에서
Layout Editor를 소개해 드렸던 것을
기억하실 겁니다
그 이후로 몇 가지 변화가 있었습니다
저희는 여러분이 UI를
보다 간편하고 효율적으로
만들 수 있도록 
Constraint Layout Library를 출시했습니다
또한 Layout Editor를
출시한 이후 지속적으로 개선 작업을
진행했습니다
또한 저희는 UI 제작 뿐 아니라 
애니메이션과 모션 제작에도 도움을 드리고자
Constraint Layout 2에서 
Motion Layout을 출시했습니다
3.3에서는 Navigation Editor를 출시하여

Spanish: 
[Música]
Bienvenidos.
Soy Nicolas.
Yo, Oscar, ingeniero
de software de diseño.
Soy Paris y diseñadora de interacciones
para herramientas de diseño.
Mi nombre es John.
También trabajo en herramientas de diseño.
Hoy veremos las herramientas
de diseño en Android Studio
y una gran parte dedicada a Motion Editor.
Tenemos mucho contenido preparado.
Como recuerdan, incorporamos Layout Editor
en Android Studio 2.2.
Desde entonces, hicimos algunos cambios.
Lanzamos la biblioteca
de diseño de restricciones
para ayudar a crear una IU
de manera más simple y eficiente.
Mejoramos el editor de diseño,
versión tras versión.
También lanzamos el diseño de movimiento
en Constraint Layout 2
para ayudar a crear animaciones
y movimiento, además de IU.
En la versión 3.3,
lanzamos el editor de navegación

English: 
in collaboration with
the navigation library
to graphically create your
navigation graph, the Resource
Manager to let
you in both import
and manipulate your
resources visually in 3.4,
and a lot of work has been
done in Marble in terms
of quantity, memory
improvements, speed,
performance, et cetera.
And of course, the
bulk of today is
to talk about what we've been
doing for 3.6 and for 4.0.
So just a couple
of things to place
where we are standing
in terms of what
we are trying to achieve here.
So the idea is, of course,
to be user centric.
To do something that
saves you, the developer,
and in order to do that,
we tried to listen to you.
We, you know, run
user surveys we listen
to social medias, bug fixes.
Please, file bugs
if you find them.
And we can only
develop good tools
if you communicate back to us.

Portuguese: 
em colaboração com a
biblioteca de navegação
para criar graficamente seu
gráfico de navegação,
o Resource Manager,
para você importar e
manipular seus recursos
visualmente na versão 3.4.
Muito trabalho tem sido feito
no Marble em termos de
quantidade, melhorias na
memória, velocidade,
desempenho etc.
O objetivo hoje é
falar sobre o que temos feito
para a 3.6 e a 4.0.
É bom sinalizarmos em que pé
estamos em relação a
o que estamos tentando alcançar aqui.
A ideia é, obviamente, 
focar no usuário.
Fazer algo que ajude vocês,
desenvolvedores.
Para isso, tentamos ouvir vocês.
Nós fizemos pesquisas, ouvimos
as mídias sociais, corrigimos bugs.
Por favor, registrem os bugs
quando encontrarem.
Só conseguimos desenvolver
boas ferramentas
se vocês derem retorno para nós.

Japanese: 
ナビゲーショングラフを作成できる
Navigationライブラリをリリースし
3.4ではリソースのインポートや操作を
視覚的に行えるリソースマネージャーを
そしてMarbleでは
メモリ 速度 パフォーマンスなどの面で
大きな成果を得ました
ここでは3.6と4.0で
私たちが取り組んできたことを
メインにお話しします
まず私たちの現在地を見てみましょう
狙いは言うまでもなく「ユーザー中心」
そして開発者を支援することです
そのために開発者の意見を聞いています
ユーザー調査を実施し
ソーシャルメディアでの反応に耳を傾けています
バグがあったらぜひ教えてください
皆さんの意見や報告がなければ
良いツールは開発できません

Korean: 
Navigation Library와의 연동을 통해
내비게이션 그래프를 
생생하게 만들 수 있게 했고,
3.4에서는 Resource Manager를 출시해
여러분의 리소스를 가져오고 
시각적으로 다룰 수 있게 했습니다
Marble에서는 양, 메모리 개선
속도, 성능 면에서
많은 작업이 이루어졌습니다
오늘은 주로 3.6과 4.0에 대해
저희가 어떤 일을
하고 있는지에 대해 말씀드릴 것입니다
저희가 현재 어느 지점에 서 있는지를
저희가 무엇을
성취하려고 하는지와 관련해서
몇 가지 말씀드리겠습니다
핵심은 '사용자 중심적'이어야 
한다는 것입니다
개발자인 여러분의 수고를 
덜어주는 것이어야 한다는 것이죠
이를 위해 저희는 
여러분의 의견을 들으려고 했습니다
그래서 사용자 설문조사를
하기도 하고 소셜 미디어에 귀를 기울이며
버그를 수정하기도 합니다
버그를 발견하시면 신고해 주세요
저희에게 알려주셔야만
저희가 좋은 툴을 개발할 수 있습니다

Indonesian: 
yang digunakan bersama
dengan library navigasi
untuk membuat grafik
navigasi secara grafis,
Resource Manager untuk
memungkinkan Anda mengimpor
dan memanipulasi
resource secara visual di versi 3.4,
dan banyak yang telah
dikerjakan di Marble dalam hal
kualitas, penyempurnaan memori, kecepatan,
performa, dll.
Tentu saja, bahasan utama hari ini
adalah tentang hal yang telah
kami lakukan untuk versi 3.6 dan 4.0.
Pertama, saya sampaikan
beberapa hal yang ingin kami capai.
Gagasannya tentu 
adalah fokus pada pengguna.
Untuk melakukan sesuatu
yang memudahkan developer,
dan untuk mencapainya, kami
berusaha mendengarkan masukan Anda.
Kami mengadakan
survei pengguna, melihat
media sosial, dan melakukan perbaikan bug.
Tolong laporkan bug
jika Anda menemukannya.
Dan kami hanya dapat
mengembangkan alat yang baik
jika Anda memberi masukan kepada kami.

Chinese: 
以及导航代码库 以便视觉化地开发应用导航
在3.4版本中 Resource Manager 可以帮助你
通过视觉方式导入以及操作你的资源
我们在 Marble 中做了很多品质、内存、速度、性能等方面的提升
今天我们要讲的主要内容是 
我们在3.6版本和4.0版本都做了些什么
先来讲几个我们准备实现的目标
整体的构思 当然是以用户为中心的
旨在为开发者节省时间和精力
为了做到这一点 我们听取了大家的意见
我们进行了用户调研 关注了社交媒体 bug 修正
如果大家找到了 bug 请务必提交
只有大家积极向我们提供反馈 我们才能开发出好用的工具

Spanish: 
en colaboración
con la biblioteca de navegación
para crear el gráfico de navegación,
el administrador de recursos
para importar y manipular
recursos visualmente en la versión 3.4.
Avanzamos mucho en Marble
en cuanto a la cantidad, 
mejoras de memoria, velocidad,
rendimiento y demás.
Por eso hoy hablaremos
sobre los avances para 3.6 y 4.0.
Algunas aclaraciones para orientarlos
sobre lo que queremos lograr.
La idea es enfocarnos en el usuario,
ayudarlos a ustedes, los desarrolladores,
y para eso, tratamos de escucharlos.
Realizamos encuestas de usuarios,
revisamos las redes sociales,
y corregimos errores.
Por favor, infórmennos.
Podemos desarrollar herramientas efectivas
solo si se comunican con nosotros.

Japanese: 
もう１つ重要な点は
ツールを使いやすくしようと
取り組んでいることです
開発者が持っている知識に関係なく
すぐ簡単に使えて
何かを作り始められるようなツール
でなければなりません
また他にも
ツールをスケーラブルにしようと
取り組んでいます
つまりもっと複雑な作業でも役に立ち
能率的にタスクをこなせるツールの
開発に取り組んでいます
知識が深まるのに応じて成長していくツールです
ツールに持たせようとしている最後の特性は
透明性です
ツールは何かを生み出すためのものであり
自分の手で作る助けとして
ツールの力を借りただけというのが
あるべき姿ではないでしょうか
たとえばLayout Editorでは

Indonesian: 
Karakteristik penting lainnya
adalah kami berupaya
memudahkan penggunaan alat.
Harusnya semua developer,
apa pun pengetahuan yang ia miliki, dapat
menggunakan alat tersebut dengan mudah,
dan dapat membuat sesuatu dengan cepat.
Dan di sisi lain, kami juga berupaya
membuat alat yang dapat diskalakan.
Maksudnya adalah saat Anda
menjadi lebih mahir, saat berusaha
membuat aplikasi lebih kompleks,
alat ini harusnya tetap berfungsi.
Alat ini harusnya akan
berkembang sesuai dengan pengetahuan Anda.
Karakteristik terakhir yang
kami upayakan pada alat
ini adalah transparansi.
Karena pada akhirnya, alat ini
akan digunakan untuk membuat aplikasi,
dan aplikasi ini haruslah
sama dengan hasil yang akan
diraih dengan kemampuan Anda,
dengan tambahan bantuan alat.
Artinya, dalam kasus Layout Editor,

Korean: 
저희가 중요하게 여긴 또 다른 특징은
사용하기 쉬운 툴을 
만들어야 한다는 것입니다
그래서 어느 개발자든,
지식이 어느 정도이든
툴을 손쉽고 빠르게 활용하여
제작할 수 있어야 한다는 것이죠
다른 한 편으로 저희는 
확장 가능한 툴을 개발하려고
노력하고 있습니다
즉, 여러분이 작업에 더 능숙해지고
보다 복잡한 작업을 수행하려고 할 때
툴이 뒤처지면 안된다는 것이죠
툴은 개발자의 지식에 발맞춰
성장하는 것이 이상적일 것입니다
저희가 툴에 담고자 한
또 다른 특징은 명료성입니다
왜냐하면 결국에 이런 툴들은
무엇인가를 생성하는 데 쓰일 것이고,
그 결과물은 툴의 도움을 받았을 뿐
여러분이 직접 수작업으로
만들어 낸 것과
아주 흡사해야 하기 때문입니다
이것이 의미하는 것은
Layout Editor를 예로 들면,

Chinese: 
这些工具的另一个特点就是 便于使用
任何开发者 无论知识水平如何 
都应该可以轻松使用这些工具
快速地创建出东西来
与此同时 这些工具还应该拥有可扩展性
我们的意思是 随着开发者技术水平的提升
随着构建产物的逐渐复杂
这时的工具应该持续可用 不至于坏掉
在理想情况下 工具应该和使用者的知识水平共同成长
我们试图赋予工具的第三个特性是 透明性
因为 说到底 工具是要被用来创建产品的
而这个产品应该与你手动创建出的产品非常相似
工具在这个过程中只是起到辅助作用而已
也就是说 在 Layout Editor 中

English: 
The other important
characteristic
is we are trying to make those
tools easy to use, right?
It should be that any
developers, whatever
their knowledge, could use
those tools very easily,
very quickly be about to
create stuff quickly, right.
And on the flip side,
we're also trying
to do tools that are scalable.
And what we mean by that
is essentially that when
you get more proficient,
when you are trying
to get stuff more complicated,
the tool should not fall apart.
The tool ideally would grow
as well as your knowledge.
And the last
characteristic we are
trying to have in those
tools is to be transparent.
Because at the end
of the day, they
are going to be used
to generate something,
and that something
should be very
similar to what you would
have done by hand, just
with the help of the tools.
And that means, in the
case of the Layout Editor,

Portuguese: 
Outra característica importante é que
estamos tentando facilitar o uso
sessas ferramentas,
fazer com que qualquer desenvolvedor,
independentemente
do seu conhecimento, possa usar essas
ferramentas com facilidade
e consiga criar coisas rapidamente.
Por outro lado, também estamos tentando
criar ferramentas que sejam escaláveis.
Essencialmente, isso significa que quando
você fica mais proficiente, quando tenta
fazer coisas mais complicadas,
não pode esquecer as ferramentas.
A ferramenta precisa evoluir,
assim como seu conhecimento.
A última característica que estamos
tentando incluir nessas ferramentas
é a transparência,
porque, no final, elas
serão usadas para gerar algo.
E esse algo deve ser bastante
similar ao que você teria
feito manualmente,
sem a ajuda das ferramentas.
No caso do Layout Editor, por exemplo,

Spanish: 
Otra característica importante
es que esas herramientas
sean fáciles de usar.
Todos los desarrolladores,
sin importar sus conocimientos,
deberían poder usarlas fácilmente
y crear contenido con rapidez.
Por otro lado,
queremos que las herramientas
sean escalables.
Eso quiere decir
que cuando ganan experiencia
e intentan crear contenido
más complicado,
la herramienta no debería fallar.
La herramienta debería crecer
junto con sus conocimientos.
La última característica
que queremos darle a la herramienta
es transparencia.
Al fin y al cabo,
se usarán para generar un resultado
y ese resultado debe ser similar
a lo que habrían hecho a mano
pero con la ayuda de la herramienta.
En el caso del editor de diseño,

Indonesian: 
misalnya, Anda dapat mengedit
XML secara manual dan Layout Editor
masih dapat beroperasi
setelahnya dan seterusnya.
Karakteristik penting lainnya
yakni, setelah tersedia berbagai alat,
alat ini harus dapat digunakan bersama,
dan ini menciptakan lingkungan
yang lebih koheren bagi developer.
Ini perlu diingat.
Anda dapat memanfaatkan berbagai alat ini
untuk memudahkan proses.
Selanjutnya proses dan cara kami
melakukan penyempurnaan
akan disampaikan oleh Paris.
-Terima kasih, Nicolas.
Seperti kata Nicolas, Android Studio 3.4
berfokus pada Project Marble.
Jadi Anda mungkin tahu
tentang performa, stabilitas,
kualitas.
Namun salah satu
hal yang ingin kami bahas
yakni banyaknya masalah kegunaan
yang ditemukan saat penelitian.
Kali ini, saya hanya ingin memandu Anda
terkait proses tersebut.
Ini adalah contoh tugas
yang ditanyakan saat penelitian pengguna.
Orang-orang akan
melihat spesifikasi di sisi kanan,

Spanish: 
pueden editar el XML a mano
y el editor de diseño
podrá trabajar en el archivo
de todos modos.
Otra característica importante
es que ahora tenemos muchas herramientas
que funcionan bien en conjunto
y crean un entorno más coherente
para los desarrolladores
así que no lo olviden.
Pueden aprovechar todas estas herramientas
que los ayudarán en el proceso.
Para hablar un poco sobre el proceso
y cómo lo mejoramos, tenemos a Paris.
Gracias, Nicolas.
Como dijo Nicolas, Android Studio 3.5
se enfoca en Project Marble.
Seguro ya saben sobre el rendimiento,
estabilidad y calidad.
Otro tema es que encontramos
muchos problemas de usabilidad
durante nuestros estudios.
En el día de hoy,
quiero explicarles un poco
sobre ese proceso.
Esta es una tarea de ejemplo
que incluimos
en nuestro estudio de usuarios.
Las personas ven las especificaciones
a la derecha

Japanese: 
XMLを開いて手作業で編集し
それをLayout Editorで開いて
処理を行うことができます
もう１つの重要な特性は
これらの異なるツールが互いに
連携することです
それにより首尾一貫した環境での
開発が可能になります
これらのさまざまなツールを
作業プロセスで大いに活用できます
次はプロセスを改善する方法を
パリスが紹介します
どうも
ニコラがお伝えしたとおり
Android Studio 3.4の焦点は
Project Marbleです
パフォーマンス 安定性 品質のほか
ユーザースタディで発覚した
ユーザービリティの問題にも対処しています
その経緯を簡単に紹介したいと思います
ユーザースタディで依頼した
タスクの１つがこちらで
右の仕様を見ながらLayout Editorで

Korean: 
XML로 가서 직접 수정을 하더라도
Layout Editor는 그 내용 토대로
작업을 수행할 수 있다는 것을 의미합니다
다른 중요한 특징은
이렇게 다양한 툴이 있는데
이런 서로 다른
툴이 잘 어울려 작동하며
개발자들을 위해 보다
일관된 환경을 만들어 준다는 것입니다
이 점을 기억해 주시기 바랍니다
여러분은 이러한 다양한 툴을 활용하여
작업 과정에서 도움을 받으실 수 있습니다
작업 과정과 저희가 
어떻게 개선하는지에 대해서는
패리스 씨가 말씀드릴 것입니다
니콜라스 씨, 감사합니다
니콜라스 씨가 언급한 것처럼 
Android 스튜디오 3.4는
Project Marble에 초점을 두고 있습니다
Project Marble의 
성능, 안정성, 품질에 대해서는
알고 계실 것입니다
하지만 저희는 연구를 수행하면서
많은 사용 용이성 문제를 발견했고
이러한 문제를 해결하고 싶었습니다
따라서 오늘 저는 이 문제해결 과정을
안내해 드리고자 합니다
지금 보시는 것은 
사용자 연구를 진행하는 동안
저희가 요청하여
실제로 수행된 예시 작업입니다
이 예시 작업에서 사람들은 
오른쪽의 스펙을 보고

English: 
for instance, that
you can go and edit
the example the XML
and the Layout Editor
can still operate on it
afterward and back and forth.
The other important
characteristic
is that now that we have
all those different tools,
they actually play
well together,
and that creates a more coherent
environment for you developers,
so keep that in mind.
You can really leverage
all these different tools
to help you in your process.
And to talk a little
bit about the process
and how we improve
things, Paris.
PARIS HSU: Thanks, Nicolas.
So as Nicolas mentioned,
Android Studio 3.4
focuses on Project Marble.
So you probably know
performance, stability,
quality.
But one of the things that
we also wanted to address
was a lot of the
usability issues
that we found
during our studies.
So today, I just
want to walk you
through a little
bit of that process.
So here is actually
an example task
that we asked during
our user study.
So people will look at
this spec on the right,

Chinese: 
你可以手动编辑 XML
之后 Layout Editor 仍然可以在它上面运行 反之亦然
另一个重要特性是 这些各种各样的工具
其实协作起来相当顺畅
这样就为开发者们创建了一个更加协调的环境
请大家记住 你们可以使用这些工具来辅助自己的工作流程
谈到工作流程以及我们就此做出的改进 有请 Paris
谢谢 Nicolas
正如 Nicolas 提到过的
Android Studio 3.4 主要关注 Project Marble
性能 稳定性 品质 这些大家可能已经知道了
我们当时想要解决的另一个问题是
我们在研究过程中发现的很多可用性问题
今天 我要为大家简要介绍一下这个流程
这里是我们在用户调研中提出的一个示例任务
人们会观察右侧的属性

Portuguese: 
isso significa que você pode editar,
por exemplo, o XML e o Layout Editor
ainda poderá trabalhar nele 
e assim por diante.
Outra característica importante é que
agora temos essas
diferentes ferramentas,
elas trabalham juntas,
e isso cria um ambiente mais
coerente para vocês, desenvolvedores.
Então, tenham isso em mente.
Vocês podem realmente aproveitar
todas essas ferramentas
para ajudar no seu processo.
Para falar um pouco sobre o processo
e como melhoramos as coisas, Paris.
Obrigada, Nicolas.
Como o Nicolas mencionou,
o Android Studio 3.4
foca no Projeto Marble.
Vocês devem conhecer,
desempenho, estabilidade,
qualidade.
Algo que também queremos citar
são os problemas de usabilidade
que encontramos durante nossos estudos.
Hoje, vou falar rapidamente
sobre esse processo.
Aqui está uma tarefa de exemplo
que usamos em nosso
estudo sobre os usuários.
As pessoas vão olhar esta
especificação à direita

English: 
and they just try to create
this layout solely using
a Layout Editor.
And throughout this
entire process,
we try to note down different
observations, we ask questions.
We just want to know what you
like, what you didn't like,
what's frustrating.
Probably most importantly, are
there places in this flow that
actually broke down and you
cannot accomplish the task?
So here are some examples
that we found during 3.5
So first one was, you told
us that you were really
frustrated by visual clutter.
So before, when you try
to create constraints
on design surface,
we used things
like glowing, flashing
dots to tell you
where you can constrain to.
Now this is a
useful information,
but it's a little bit messy.
So for 3.5, we actually
decided that we're
gonna provide you only the
relevant information that you
need.
So instead, we used
a more subtle change
between unfilled and
filled dots to represent
the same information
and use the blue overlay
to actually show you exactly the
one that you're interested in.
Another example
here is you told us

Chinese: 
并尝试只使用 Layout Editor 创建出这个布局
纵观整个流程 我们不断尝试着记下各种观测结果 并提出问题 
我们想知道的是 你们喜欢和不喜欢什么 让你们沮丧的是什么 
而最重要的可能是 这个流程中有哪个环节出了问题
导致你无法完成任务
这里是我们在3.5版本中发现的一些例子
第一 你们告诉我们 杂乱的视觉效果让你们感到不满
以前 当你尝试在界面内容间创建约束的时候
我们会使用这些发光的点来告诉你
你可以在哪里设置约束
这个信息很有用 但看起来有点乱
所以 在3.5版本中 我们决定只向大家提供必需的相关信息
于是 我们使用了更加低调的实心/空心点组合
来表达相同的信息 并使用半透明蓝色覆盖效果
来表示开发者的操作目标
再来讲一个例子 你们告诉我们 

Indonesian: 
dan berusaha
membuat tata letak hanya dengan
Layout Editor.
Dan selama proses ini,
kami berusaha mencatat berbagai
observasi, mengajukan pertanyaan.
Kami hanya ingin tahu
yang Anda sukai dan tidak sukai,
atau yang menyusahkan.
Mungkin terutama, apa
ada bagian di alur ini yang
rusak dan Anda tidak
dapat menyelesaikan tugas?
Inilah beberapa contoh
yang kami temukan di versi 3.5.
Pertama yakni, Anda mengalami
kesulitan dengan visual yang tidak rapi.
Jadi, sebelum mencoba membuat batasan
pada permukaan desain, kami menggunakan
fitur seperti titik bersinar atau menyala
guna menginformasikan lokasi batasan.
Ini adalah informasi yang berguna,
tapi agak berantakan.
Jadi, untuk versi 3.5,
kami memutuskan untuk
hanya memberikan
informasi relevan yang Anda butuhkan.
Sebagai gantinya, kami
menggunakan perubahan yang tidak mencolok
antara titik tidak terisi
dan terisi untuk menunjukkan
informasi yang sama dan
menggunakan overlay biru
untuk menunjukkan
pilihan yang Anda minati.
Contoh lain yakni Anda berkata
bahwa Anda tidak menyukai
kurangnya bantuan atau konteks.

Spanish: 
y tratan de crear este diseño
solo con el editor de diseño.
Durante todo el proceso,
anotamos observaciones, hacemos preguntas.
Queremos saber qué les gusta, qué no
y qué los frustra.
Y lo más importante:
¿hay puntos en este flujo
que los frustran
y no pueden completar la tarea?
Estos son algunos ejemplos
que descubrimos en 3.5.
Primero, dijeron
que el desorden visual los frustraba.
Antes, cuando querían crear restricciones
en la superficie de diseño,
usábamos puntos intermitentes
verdes para indicar
dónde podían crear la restricción.
Es información útil
pero un poco desordenada.
En la versión 3.5
decidimos proporcionar
solo información relevante y necesaria.
Hicimos un cambio sutil
entre puntos con y sin relleno
para representar
la misma información
y usamos la superposición azul
para mostrarles exactamente
lo que les interesa.
También nos dijeron

Korean: 
Layout Editor만을 사용하여 
이 레이아웃을 만들려고
시도합니다
그리고 이 전체 과정이 진행되는 동안
저희는 다양한 관찰 내용을 기록하고 
질문도 했습니다
저희는 여러분이
무엇을 좋아하고, 무엇을 싫어하는지,
무엇에 불만을 느끼는지
알고 싶었습니다
아마도 가장 중요한 것은 
이 작업 과정에서 실제로 장애가 발생하여
작업을 완성할 수 없게 하는
지점은 없는지 파악하는 것이었습니다
그러면 저희가 3.5를 실행하는 동안 
발견한 몇 가지를 말씀드리겠습니다
첫 번째로, 여러분은 
시각적 어수선함으로 인해
불편을 느꼈다고 말씀해 주셨습니다
전에는 여러분이 디자인 표면에서
Constraint를 만들 때 
저희는 반짝이는 점과 같은
효과를 사용하여
Constraint를 설정할 수 있는 부분을 알렸습니다
이는 유용한 정보이기는 하지만
약간 산만해 보였습니다
3.5에서 저희는
여러분의 필요와 관련된 정보만을
제공하기로
결정했습니다
그래서 색상으로 채워진 점과 
채워지지 않은 점 간에
보다 미묘한 변화를 주어 
동일한 정보를 나타내도록 하였고
파란색 오버레이를 사용하여
여러분이 관심을 갖는 항목만
정확하게 표시하도록 했습니다
또 다른 예로,
여러분은 저희에게

Japanese: 
レイアウトを作ってもらいました
このプロセスを通じて
観察したことを記録し
質問を投げかけ
ユーザーの好みや不満を
あぶり出そうとしました
何より重要なのは
タスクを達成できない場合があるかどうかです
3.5で判明した問題がこちらです
まずは見た目が散らかっていて
ストレスがたまるという件です
以前はデザインサーフェスで
制約を作ろうとすると
点滅する丸印で制約できる箇所を
知らせていました
役には立ちますが
ちょっと分かりにくいので
3.5ではユーザーが必要な情報のみ
提供することにしました
同じ情報を普通の丸印と
中抜きの丸印で表現し
青のオーバーレイを使用して
必要な情報だけ示すようにしました
もう１つの不満点は
コンテキストメニューです

Portuguese: 
e tentar criar este layout usando apenas
um Layout Editor.
Durante todo esse processo,
tentamos fazer diferentes,
observações, fazemos perguntas.
Queremos saber o que
vocês gostam, o que não gostam,
o que é frustrante.
E o mais importante: houve falha
em algum ponto neste fluxo
que tenha impedido 
você de realizar a tarefa?
Aqui estão alguns exemplos
que encontramos na 3.5.
O primeiro é que vocês nos
disseram que ficaram muito
frustrados com a sobrecarga visual.
Antes, quando vocês
tentavam criar limitações
para a superfície do design,
usávamos brilho
ou pontos piscantes
para informar
onde colocar restrições.
Agora, essa é uma informação útil,
mas um pouco confusa.
Para a 3.5, decidimos fornecer
apenas as informações relevantes
e necessárias.
Então, fizemos uma mudança mais sutil
entre pontos preenchidos e não
preenchidos para representar
as mesmas informações e usar
a sobreposição azul
para mostrar exatamente o
que interessa a você.
Outro exemplo é que
vocês nos disseram

Indonesian: 
Sebelumnya kita sudah
memiliki fitur keren ini
yang jika Anda membuat
draf komponen yang tumpang tindih,
fitur ini memberikan menu
konteks yang bagus dengan daftar opsi
yang dapat dibatasi.
Namun, ini tidak
menunjukkan secara tepat edge
yang terhubung.
Jadi, untuk versi 3.5, kami
hanya membuat berbagai ghost anchor
sehingga saat Anda mencoba berbagai opsi,
fitur ini akan 
menunjukkan edge yang akan terhubung.
Contoh terakhir yang ingin saya tunjukkan,
yang mungkin paling penting, yakni
Anda berkata
bahwa Anda menyukai alat yang
memetakan ke XML.
Pohon komponen adalah contoh yang bagus.
Banyak yang menyampaikan
kepada kami bahwa mereka
dapat melihat hierarki
dan membuka
serta mengeluarkan tata letak bertumpuk.
Jadi untuk versi 3.5,
kami membuat fitur mirip
yang bernama
Constraints Section di Panel Atribut.
Hasilnya adalah
untuk semua komponen desain
yang dipilih pada permukaan desain,
daftar batasan Anda ditampilkan
dan yang memetakan satu
ke lainnya, kembali ke XML.

Japanese: 
重なっている要素にドラッグすると
選択可能な制約のリストが
コンテキストメニューに表示される
機能がありますが
要素のどちら側に接続するのかが示されません
そこで3.5ではアンカーを作り直して
オプションを選択すると
実際にどこに接続するかが分かるようにしました
最後に紹介する問題は
一番重要かもしれません
ツールをXMLに
マッピングして欲しいという要望です
その好例がコンポーネントツリーです
ここではレイアウトファイルの階層を見ながら
入れ子状のレイアウトを移動できます
これによく似た機能が3.5の
Attributesパネルの
Constraintsセクションで
デザインサーフェスで選択した
デザインコンポーネントの
制約のリストが表示されます
１対１でXMLにマッピングされています

Korean: 
유용한 컨텍스트 메뉴가 
부족하다고 말씀하셨습니다
사실 이전에도 
서로 겹치는 구성요소를 작성한 경우
사용할 수 있는 좋은 기능이 있었는데
이 기능은 Constraint를 
설정할 수 있는 옵션의 목록이 담긴
멋진 컨텍스트 메뉴를 제공했습니다
하지만 이 기능은 
어느 모서리에 연결하는 것인지
정확하게 표시하지 않았습니다
그래서 저희는 3.5에서 서로 다른
고스트 앵커를 만들어 여러분이
서로 다른 옵션을 검토하면서 그것이 
어떻게 표시되는지를 볼 수 있게 했습니다
이 기능은 구성요소가 정확하게 
어디로 연결될지 알려줍니다
여러분께 보여드릴 마지막 예는
아마도 가장 중요한 것일지 모르는데요
여러분은 툴을 사용한 결과가
실제로 XML에 매핑되는 것이
좋았다고 말해 주셨습니다
여기에 있는 구성요소 트리가 
좋은 예가 되겠는데요
사람들은 
실제 레이아웃 파일을 보고
그 계층구조도 볼 수 있으며
중첩된 레이아웃 안팎을 오가며
탐색할 수 있어서 좋아했습니다
따라서 저희는 
3.5에서 속성 패널에
이와 매우 유사한 기능을 가진 
Constraints 섹션을 만들었습니다
이 섹션이 하는 일은 여러분이
디자인 표면에서
선택한 디자인 구성요소별로
Constraint의 목록을 표시하고
XML에 일대일로 매핑하는 것입니다

Chinese: 
有用的上下文选项不足 无法令人满意
之前 其实我们安排了这个很棒的功能：
如果你绘制了重叠组件
它就会为你提供一个不错的上下文菜单
其中含有一个选项列表可供约束
然而 它并没有展示出它连接到了哪个边缘
所以 在3.5版本中 我们创建了多个虚拟锚点
大家可以在浏览各种选项的时候看到它们
最后这个示例可能是最为重要的
你们告诉我们 你们喜欢让工装覆盖到 XML
组件树是一个很好的例子 
有人告诉我们说 他们的布局文件就是那样的
我们可以清楚地看到它的层级 并在嵌套布局中进行导航
在3.5版本中 我们在 Attributes 面板上
创建了一个非常类似的功能 Constraints Section 
它的功能是 你在设计内容中选中任何设计组件的时候
我们都会向你展示你所拥有的约束列表
并一对一地映射到 XML

Spanish: 
que no les gusta
la falta de ayuda o contexto.
Teníamos una función genial
en la que si creabas componentes
que se superponían
veías un menú de contexto
con una lista de opciones
a las que podías restringir.
Sin embargo,
no te muestra a qué borde
se conecta realmente.
En 3.5, creamos anclas fantasma
que pueden ver
mientras trabajan con esas opciones.
Dicen exactamente a dónde se conectará.
El último ejemplo que quiero mostrarles
y quizás el más importante
es que nos dijeron que les gustaba
cuando una herramienta
se asignaba a XML.
Un árbol de componentes
es un buen ejemplo
de un archivo de diseño
que permite a los usuarios
ver la jerarquía
y entrar y salir de los diseños anidados.
En 3.5, creamos una función similar
llamada "Sección de restricciones"
en el panel de atributos.
Para cualquier componente de diseño
que selecciones
en la superficie de diseño
te muestra la lista
de limitaciones que tienes
y las asignaciones a XML, una por una.

Portuguese: 
que não gostam da falta
de ajuda ou contexto.
Nós tínhamos este recurso legal
antes, em que, se você criasse
componentes de sobreposição,
ele lhe dava um bom menu
de contexto com uma lista de opções
para aplicar restrições.
No entanto, esse recurso não mostra
exatamente a qual edge
ele está conectado.
Então, para a 3.5, criamos âncoras
fantasmas diferentes
para vocês verem que, enquanto
trabalham nessas diferentes opções,
elas dizem exatamente aonde
estarão conectadas.
O último exemplo que quero mostrar,
provavelmente o mais importante,
é que vocês nos disseram que gostavam
quando as ferramentas
eram mapeadas para XML.
Uma árvore de componentes é
um bom exemplo aqui.
As pessoas nos diziam:
"Olha, este é meu arquivo de layout,
e eu posso ver essa hierarquia
e navegar dentro e fora dos
meus layouts aninhados."
Então, para a 3.5, criamos um
recurso bastante semelhante
chamado "Constraints Section"
no painel "Attributes".
O que ele faz é, para os
componentes de design
que você seleciona na superfície do design,
mostramos a lista de
restrições que você tem
e que mapeia uma a uma, 
novamente, para XML.

English: 
that you dislike lack
of help or context.
So we actually had
this cool feature
before where if you drafted
overlapping components,
it gave you a nice context
menu that has a list of options
that you can constrain to.
However, it doesn't actually
show exactly what edge
it's actually connecting to.
So for 3.5, we just created
different ghost anchors
so you can see that as you work
through that different options,
it actually tells you exactly
where it will be connected to.
And the last example
I just wanted to show,
which is probably the
most important one,
is that you told us that you
liked when a tooling actually
mapped to XML.
So a component tree is
a great example here
where people told us, hey,
that's actually my layout file
and I can really
see that hierarchy
and I can navigate in and
out of my nested layouts.
So for 3.5, we created
a very similar feature
called Constraints Section
on the Attributes panel.
What that does is for
any design components
that you select on
the design surface,
we show you that list
of constraints you have
and that maps one to
one, again, to XML.

Japanese: 
これらのデザイン原則や
ユーザーからの意見を
ツールの異なるイテレーションに組み込み
新機能に反映しました
次はオスカーが
3.6の機能について紹介します
ありがとう パリス
では3.6の新機能のいくつかを
順を追って紹介していきます
最初はLayout Editorです
XMLファイルを編集するときの
いつもの画面です
ユーザースタディとフィードバックの結果
変更を加えるために
デザインモードからテキストモードに
切り替えるのは
面倒だという不満があることが分かりました
Layout Editorならそれを解消できます
特に制約は
XML Editorではちょっと面倒ですね
3.6ではレイアウトファイルを開くと
この３つのボタンが表示されます
左右にテキストモードと

Portuguese: 
Todos esses princípios de design e tudo
que ouvimos dos usuários, nós
levamos adiante
para diferentes iterações
das nossas ferramentas
e dos novos recursos que desenvolvemos.
O Oscar agora vai falar um pouco
sobre as coisas que temos para a 3.6.
Obrigado, Paris.
Quero analisar com vocês
algumas das boas coisas
que estamos trazendo para a 3.6.
Vamos começar com o Layout Editor.
Quando vocês editam um arquivo XML,
já conhecem esse espaço de trabalho.
Descobrimos com estudos
sobre usuários e, claro,
com feedback dos usuários que
pode ser um pouco frustrante quando
você se sente forçado a
fazer mudanças no modo "Design"
e voltar para o modo "Text"
para fazer mudanças que
são mais fáceis de fazer com o
Layout Editor, por exemplo.
Especialmente para restrições,
que podem ser um pouco difíceis
de fazer com o o XML Editor.
Na 3.6, quando você abre
o arquivo de layout,
tem algo assim e vê
estes três botões.
Como vocês podem imaginar,
o primeiro botão e o terceiro

Indonesian: 
Jadi, kami membawa
prinsip-prinsip desain ini,
serta masukan pengguna,
ke berbagai aspek pada alat
dan fitur baru yang kami kembangkan.
Kini giliran Oscar untuk membahas
fitur baru di versi 3.6.
-Terima kasih, Paris.
Saya akan jelaskan
beberapa fitur
menarik baru yang ada di versi 3.6.
Mari mulai dengan Layout Editor.
Saat mengedit di file XML,
Anda mungkin tidak
asing dengan ruang kerja ini.
Dan melalui penelitian,
dan tentunya masukan pengguna,
kami menemukan bahwa
Anda dapat merasa kesulitan saat
terpaksa berpindah ke mode Desain
dan kembali ke mode Teks
untuk membuat perubahan yang
lebih mudah dilakukan
dengan Layout Editor misalnya.
Terutama untuk hal seperti batasan,
yang mungkin sedikit
sulit dilakukan dengan editor XML.
Jadi di versi 3.6, saat
membuka file tata letak,
Anda akan melihat ini, dan juga
akan melihat tiga tombol ini.
Seperti yang bisa dilihat,
tombol pertama dan ketiga

Spanish: 
Aplicamos este tipo
de principios de diseño
y los comentarios de los usuarios
en diferentes iteraciones
de nuestras herramientas
y en funciones nuevas
que desarrollamos.
A continuación, Oscar les contará
sobre las novedades para 3.6.
Gracias, Paris.
Les presentaré algunas de las funciones
que incluiremos en 3.6.
Comencemos con el editor de diseño.
Cuando editan en el archivo XML,
seguro ya conocen este espacio de trabajo.
Los estudios de usuarios
y los comentarios
nos demostraron que puede ser frustrante
cuando se ven obligados
a cambiar del modo de diseño
al modo de texto para hacer cambios
que se aplican más fácil
con el editor de diseño.
Las limitaciones, en especial,
pueden complicarse con el editor de XML.
En 3.6, cuando abren un archivo de diseño
tienen algo similar a esto
y verán estos tres botones.
El primero y el tercero

Korean: 
저희는 이러한 모든 디자인의 원칙과
사용자의 의견을 토대로
툴의 다른 버전을 만들고
새로운 기능을 개발했습니다
다음으로 오스카 씨가
3.6에 포함된 기능에 대해
말씀드리겠습니다
패리스 씨, 감사합니다
저는 3.6에서 새롭게 선보이는
멋진 기능에 대해 안내해드리겠습니다
Layout Editor부터 말씀드리죠
여러분이 XML 파일에서
편집 작업을 할 때
이 워크스페이스가 
매우 친숙하게 느껴지실 것입니다
그리고 저희는 사용자 연구와 
사용자 피드백을 통해
여러분이 Layout Editor로는 
보다 쉽게 할 수 있는 변경 작업을
디자인 모드로 들어와서
작업을 수행한 다음
다시 텍스트 모드로
돌아가야 할 때
불편을 느끼신다는 사실을 발견했습니다
특별히 Constraint와 같은 작업의 경우에는
XML Editor로 하기가
좀 더 어려울 수 있죠
따라서 3.6에서는
여러분이 레이아웃 파일을 열면
이러한 화면이 표시되고
보시는 것처럼 
3개의 버튼이 표시됩니다
첫 번째와 세 번째 버튼은 
텍스트 모드와 디자인 모드입니다

English: 
So all these kind of design
principles and just things
that we have heard from
users, we carry them forward
to different iterations
of our tools,
as well as new features
that we develop.
So here is Oscar to
tell you a little bit
about things we have for 3.6.
OSCAR ADAME VAZQUEZ:
Thank you, Paris.
So let me walk
you through, then,
some of the new exciting things
that we're bringing to 3.6.
So let's start with
the Layout Editor.
So when you're editing
in the XML file,
you're probably very
familiar with this workspace.
And we found through user
studies and, of course,
user feedback that it could be
a little bit frustrating when
you feel forced to change
into the Design mode
and back to the Text mode
to make some changes that
are easier to do with the
Layout Editor, for example.
Especially for things
like Constraints,
which can be a little bit hard
to do with the XML Editor.
So in 3.6, when you
open your layout file,
you have something
like this, and you're
going to see these
three buttons instead.
As you can imagine, the
first one and the third one

Chinese: 
在考虑了这些设计原则和用户反馈之后
我们就将其带入到我们的工具的迭代 以及我们开发的新功能之中
下面请 Oscar 来为大家讲一下
我们在3.6版本中推出的内容
谢谢 Paris
下面我来为大家介绍一下
我们在3.6版本中加入的令人兴奋的新东西
先从 Layout Editor 讲起
当你在 XML 文件中进行编辑时
你大概会对这个工作空间感到非常熟悉
通过用户调研和用户反馈 我们发现
当用户不得不切换到设计模式 再切换回文本模式
才能做出更改时 他们可能会感到相当沮丧
如果使用 Layout Editor 的话就方便多了
特别是对于约束这样的东西
使用 XML Editor 来处理它 时比较困难的
所以 在3.6版本中 当你打开布局文件的时候
就会看到这个 并且看到这三个按钮
正如大家猜想的 第一个和第三个按钮

Japanese: 
デザインモードが表示されています
そしてその真ん中にあるのが
スプリットビューです
これは単にプレビューが横に表示される
Text Editorではありません
何ができるかお見せしましょう
プレビューモードに切り替えると
Layout Editorと
XML Editorが
連動します
要素がハイライト表示されるので
変更するのに便利です
XML Editorで修正しようとすると
ちょっと大変です
この機能の優れた点は
Navigation Editorなど
他のツールにも処理が反映されるところです
これまではテキストモードか
Navigation Editorを
使わなければなりませんでしたが
ご覧のように互いに反映されています
XMLファイルをスクロールすると
Navigation Editorの
要素がハイライト表示され

Spanish: 
les resultarán familiares
del modo de texto y diseño.
Son exclusivos del modo de texto y diseño.
En el medio,
tenemos la vista dividida
y es mucho más que el editor de texto
con una vista previa al lado.
Les mostraré
lo que realmente pueden hacer.
Cuando cambian al modo de vista previa
pueden ver el editor de diseño completo,
el editor de XML
y su interacción entre sí.
Pueden ver los elementos destacados
que pueden ser muy útiles
para hacer cambios
que serían difíciles de otro modo
en el índice en el editor de XML.
Lo genial de esta función
es que actúa sobre otras herramientas
en nuestro sistema.
Por ejemplo, el editor de navegación.
Antes no teníamos esta función.
Teníamos que usar el modo de texto
o el editor de navegación.
Con la vista dividida se ve así.
Como pueden ver, interactúan entre sí.
Pueden desplazarse en su archivo XML
y el editor de navegación se actualiza.
Destaca sus componentes

Indonesian: 
pasti sudah Anda kenal,
yaitu Teks dan Desain.
Ini adalah Mode Teks dan Desain eksklusif.
Tombol di tengah adalah
Tampilan Terpisah,
dan ini lebih dari sekadar Editor Teks
dengan pratinjau di satu sisi.
Berikut fungsi tombol ini.
Misalnya, saat
berpindah ke mode Pratinjau,
Anda dapat melihat cara
memunculkan Layout Editor
dan editor XML
secara penuh, Anda dapat melihat
cara keduanya berinteraksi.
Jadi, semuanya terlihat diperjelas,
ini berguna saat
membuat perubahan, sekali lagi,
akan sulit untuk melakukannya
di editor XML.
Yang menarik adalah
fitur ini melakukan banyak
hal untuk alat lain di sistem.
Misalnya, Navigation Editor.
Ini adalah sesuatu yang baru.
Anda harus menggunakan
Mode Teks atau Navigation Editor.
Beginilah tampilannya
dengan Tampilan Terpisah.
Dapat dilihat, fitur
ini saling berinteraksi.
Jadi, Anda dapat men-scroll ke file XML,
dan Navigation Editor akan diupdate.
Ini akan memperjelas
komponen dan bahkan Anda dapat

Korean: 
여러분에게 매우 익숙한 것이죠
그냥 텍스트 모드와 
디자인 모드 버튼의 기능만 있습니다
가운데에 있는 것은
우리가 분할 보기라고 부르는 것인데요
단순히 측면에 미리보기가 있는 
Text Editor가 아니라
훨씬 많은 역할을 합니다
이것으로 무엇을 할 수 있는지
보여드리겠습니다
예를 들어 
이 미리보기 모드로 들어가시면
전체 Layout Editor와 
XML Editor가 표시되고
이 둘이 상호작용하는 모습을
볼 수 있습니다
이처럼 구성요소들이 
강조 표시되는 것을 볼 수 있고
변경 작업을
수행하기에 매우 유용합니다
XML Editor의 색인에서라면
어려운 작업이 될 텐데 말이죠
또한 이 기능의 훌륭한 점은
변경 사항이 시스템의
다른 툴에도 적용된다는 점입니다
예를 들어 
Navigation Editor 같은 툴에 말이죠
이러한 기능은 이전에는 없었던 것입니다
텍스트 모드나 Navigation Editor 중 
하나를 사용해야 했죠
지금 보시는 것은 분할 보기를 
사용할 때의 화면입니다
보시는 것처럼 두 Editor가 
서로 상호작용을 합니다
따라서 XML 파일로 스크롤하면
Navigation Editor가 업데이트됩니다
분할 보기에서는 구성요소가 강조 표시되고

Portuguese: 
são algo que vocês estão familiarizados:
os modos Texto e Design.
Esses são modos
Texto e Design exclusivos.
O que temos no meio é algo
que chamamos de "visualização dividida",
e isso é muito mais do que o editor de texto
com uma visualização na lateral.
Quero mostrar o que vocês
realmente podem fazer com ela.
Por exemplo, quando você muda para
o modo de visualização,
pode ver como ter o Layout Editor
e o XML Editor e
como ambos interagem.
Pode ver itens destacados,
o que pode ser útil para fazer mudanças.
Isso seria difícil de fazer
no índice do XML Editor.
O legal desse recurso
é que ele faz coisas para
outras ferramentas no nosso sistema.
Por exemplo, o Editor de navegação
é algo que não tínhamos antes.
Você tinha que usar o modo Texto
ou o Editor de navegação.
É assim que ele aparece
na visualização dividida.
Como vocês podem ver, novamente,
eles interagem entre si.
Você pode deslocar-se
até seu arquivo XML,
e o editor de navegação é atualizado.
Ele destaca seus componentes,
e você também pode

English: 
are where you're very familiar,
the Text and Design mode.
So these are just exclusively
Text and Design Mode.
What we have in the
middle is something
that we're calling
the Split view,
and this is just much more
than just the Text Editor
with a preview on the side.
Let me show you what you
can actually do with this.
So, for example, when you
change into this Preview mode,
you can actually see how
you get the full Layout
Editor and the XML
Editor, and you can see
how the both interact together.
So you can see things
getting highlighted,
and it can be very useful
for making changes, again,
would otherwise be
kind of difficult to do
in the index in the XML Editor.
And the cool thing
about this feature
is that it actually does things
to other tools on our system.
For example, the
Navigation Editor.
So this is something we
didn't really have before.
You either have to use the Text
Mode or the Navigation Editor.
So this is how it looks
like with the Split View.
As you can see, again it
interacts with one another.
So you can scroll
to your XML file,
and the Navigation
Editor gets updated.
It highlights your components,
and you can also even

Chinese: 
分别是大家熟悉的文本模式和设计模式按钮
它们分别代表专门的文本模式和设计模式
而中间的这个按钮则代表混合模式 (Split View)
它的内容远远超出了带有预览的文本编辑器
我来展示一下你可以用它做到什么
例如 当你切换到预览模式的时候
你就可以看到完整的
Layout Editor 和 XML Editor
并且还可以看到它们是如何互动的
你可以看到 它们是如何被高亮显示的
这样就方便了更改 如果没有这个功能
我们在 XML Editor 中就不容易做出更改了
这个功能的好处在于 它会影响到系统内的其他工具
比如 Navigation Editor
我们之前并没有这样的东西
之前的时候你只能使用 Text Mode 或 Navigation Editor
使用 Split View 之后 看起来是这样的
如你所见 它们之间可以交互
你可以下拉到你的 XML 文件
然后 Navigation Editor 就会更新
它会高光标示出你的组件

Indonesian: 
membuka grafik bertumpuk.
Anda dapat melihat cara
kerjanya yang sangat baik dengan
editor XML.
Selanjutnya mari
kita bahas Navigation Editor.
Kami telah memperbaiki beberapa bug
dan, tentu, menyempurnakan
Marble, terutama terkait
performa dan penggunaan memori.
Tapi salah satu hal terbesar, atau
yang lebih tampak adalah
kami telah mengupdatenya
agar menggunakan panel Atribut.
Dan ini bukan
sesuatu yang asing bagi Anda.
Anda bisa melihatnya di Layout Editor,
dan akan
melihatnya di Motion Editor.
Ini akan dibahas nanti.
Dapat dilihat, ada ringkasan informasi
tentang Navigation Editor.
Jika Anda tidak tahu, alasan
pentingnya panel Atribut ini
adalah banyaknya fitur yang mungkin
tidak Anda ketahui.
Misalnya, fitur pelengkapan otomatis,
atau peringatan
dan error lint yang muncul,

Portuguese: 
ir para seus gráficos aninhados.
Vejam como ele realmente
funciona bem com o XML Editor.
Agora, vamos passar para
o Editor de navegação.
É claro que fizemos
diversas correções de bugs
e, obviamente, as melhorias que
vieram do Marble, especialmente
uso de desempenho e memória.
Uma das maiores coisas, eu diria
uma das coisas mais óbvias,
é que nós o atualizamos para
usar o painel "Attributes".
Tem algo com que vocês
estão familiarizados.
E ele está no Editor de layout
e vocês verão no Editor de movimento.
Mas isso é para mais tarde.
Como vocês podem ver, ele tem
um resumo de informações
sobre o Editor de navegação.
O motivo pelo qual ter
este painel "Attributes" é importante
é porque ele tem muitos
recursos que talvez
vocês não conheçam,
como preenchimento
automático, exibição de erros e
avisos de inspeção, além das

English: 
go to your nested graphs.
So you can see how it really
works real nicely with the XML
Editor.
Now let's move actually
into the Navigation Editor.
Naturally, we've been
doing several bug fixes
and, of course, the
improvements that
have come from
Marble, especially
performance and memory usage.
But one of the bigger
things, I would
say one of the
more obvious things
is that we updated it to
use the Attributes panel.
And there's is something
you're very familiar with.
You actually see it
in the Layout Editor,
and you're also going to
see it in the Motion Editor.
But that's for later.
As you can see, it has
a summary of information
about the Navigation Editor.
And in case you didn't
know, the reason
why having this Attributes
panel is important
is because actually it has
many features that maybe you
are not aware of.
So for example, things like
autocomplete, or surfacing lint
errors and warnings,
as well as go

Korean: 
중첩된 그래프로 이동할 수도 있습니다
따라서 XML Editor와 정말 매끄럽게
연동되는 것을 볼 수 있습니다
지금부터는 Navigation Editor에 대해 
알아보겠습니다
저희는 Marble에서 발생하는
몇 가지 버그를 수정하고
특별히 성능과 메모리 사용과 관련하여
개선 작업을 진행해 왔습니다
하지만 이보다 더 중요하고
보다 가시적인 변화는
Navigation Editor를 업데이트하여
속성 패널을 사용할 수 있도록
했다는 점입니다
지금 보시는 것은 
여러분에게 매우 익숙한 것입니다
여러분은 이것을 
Layout Editor에서 보셨을 것인데
앞으로는 Motion Editor에서도 
보게 될 것입니다
하지만 이 내용은 뒤에서 설명하겠습니다
보시는 것처럼 여기에는 
Navigation Editor에 대한
요약 정보가 있습니다
이 속성 패널이 왜 중요한지
잘 모르시는 분을 위해 말씀드리자면
여기에는 여러분이 알지 못했던
많은 기능이 있기 때문입니다
예를 들어 자동 완성, 
린트 오류 및 경고 표시
그리고 선언문으로 이동과 같은 
기능 말이죠

Spanish: 
y pueden ir a sus gráficos anidados.
Pueden ver que funciona muy bien
con el editor de XML.
Pasemos al editor de navegación.
Corregimos varios errores
y agregamos varias mejoras
provenientes de Marble,
sobre todo en el rendimiento
y el uso de memoria.
Uno de los aspectos más importantes
o de los más obvios
es que lo actualizamos
para que use el panel de atribución.
Con esto están muy familiarizados.
Pueden verlo en el editor de diseño
y en el editor de movimiento.
Pero eso será después.
Aquí tiene un resumen de información
sobre el editor de navegación.
Por si no lo sabían,
este panel de atributos es importante
porque tiene muchas funciones
que quizás no conocían.
Por ejemplo, la función de autocompletar
o mostrar errores y advertencias de lint

Chinese: 
你甚至可以进一步深入嵌套图内部
你可以看到 它和 XML Editor 配合良好
下面我们来看看 Navigation Editor
我们近期做了不少 bug 修正
并经由 Project Marble 做出了一些改进
特别是针对性能和内存使用方面的改进
其中较为明显的一个举措是 我们通过更新
让它能够使用 Attributes 面板
这其中有一些东西是大家已经相当熟悉的
你在 Layout Editor 里看到过它
也会在 Motion Editor 里看到它
不过这个是以后的事情了
如你所见 它拥有 Navigation Editor 信息汇总
这里告诉大家 Attributes 面板存在的原因是
它的很多功能可能是你不知道的
比如 自动补全 展示 lint 错误和警告

Japanese: 
入れ子状のグラフにも移動できます
XML Editorと滑らかに連動しています
次はNavigation Editorです
バグをいくつか修正し
またMarbleによって
特にパフォーマンスとメモリ使用量が
向上しています
もっと大きな目に見える変化は
Attributesパネルの採用です
使い慣れている機能が
Layout Editorと
Motion Editorにあるので
後ほど紹介します
Navigation Editorの
概要が表示されています
このAttributesパネルは
あまり知られていない機能がたくさんあります
たとえばオートコンプリートや
Lintエラーや警告の表示

Korean: 
이 기능들은
속성 관련 작업을 수행할 때
매우 유용하고 흔히 쓰이는
기능입니다
이제는 속성 패널에서 
Resource Manager를 불러올 수 있는데
이에 대해 말씀드리겠습니다
Resource Manager는
Drawable, 색상, 레이아웃 등
시각적 리소스를 시각화하고
관리하는 툴 이상의 기능을
가지고 있습니다
이에 더하여 저희는 
서로 다른 구성으로 되어있는 이미지를
프로젝트로 손쉽게 가져오는 
매우 유용한 기능을
포함시켰습니다
3.6에서 저희는
Resource Manager를 한 걸음 더 발전시켜
보다 많은 리소스를 
지원하도록 했습니다
여러분이 Resource Manager를 열면
이렇게 세 개의 점이 표시되고
여기에서 보다 많은
리소스의 목록을 보실 수 있습니다
여기에서 여러분은
문자열 폰트, 네비게이션, 스타일,
메뉴 등 보다 많은 리소스 항목을
또한 일부 리소스 항목은 
미리보기로 볼 수 있습니다
일례로 메뉴의 미리보기를 볼 수 있는데 
이는 레이아웃과 매우 유사합니다

Indonesian: 
juga membuka
deklarasi, yang sangat berguna,
serta hal umum yang
harus dilakukan saat,
misalnya, menggunakan atribut.
Kini Anda dapat memanggil
Resource Manager dari sini,
dan saya akan membahasnya.
Untuk Resource Manager,
saat kami meminta masukan untuknya,
dikatakan ini adalah alat yang
memvisualisasikan dan mengelola
resource visual Anda.
Resource seperti 
drawable, warna, tata letak,
dan kami menyertakan beberapa
fitur yang berguna seperti mengimpor,
mengimpor gambar dengan
mudah di berbagai konfigurasi
ke project Anda.
Jadi untuk versi 3.6,
kami memutuskan untuk
menyempurnakannya secara wajar, yakni
dengan mendukung lebih banyak resource.
Saat membuka Resource Manager,
Anda akan melihat tiga titik kecil ini
dan daftar resource lainnya.
Jadi Anda dapat mengelola resource lainnya
seperti font string, gaya
navigasi, menu, dan tentunya
banyak lagi.
Anda juga dapat melihat
pratinjau untuk beberapa hal
misalnya menu, yang
sangat mirip dengan tata letak.

English: 
to declaration,
which are very useful
and common things to
do when, for example,
working with attributes.
You can actually now invoke
the Resource Manager from it,
and I'm actually just
going to talk about that.
So for the Resource Manager,
when we were listening to for,
it was more of a tool
to visualize and manage
your visual resources.
Things like drawables,
colors, layouts,
and we included some really
useful features like import,
easily importing images in
different configurations
into your project.
So for 3.6, we
decided to take it
to the next logical step, which
is supporting more resources.
So when you open the
Resource Manager,
you're going to see
these three little dots
and you're going to get
a list of more resources.
So you can manage
more resources things
like strings fonts, navigation,
styles, menu, and of course,
many more.
And also, you can expect to
have previews for some of them--
for example, menus, which
is very similar to layout.

Japanese: 
宣言への移動などはとても便利で
属性でよく使う機能です
またリソースマネージャーを
呼び出すこともできます
リソースマネージャーは
Drawable 色 レイアウトなどの
ビジュアルリソースを視覚化し
管理するツールでしたが
インポートなどの役立つ機能を追加しました
さまざまな構成の画像を
簡単にプロジェクトにインポートできます
3.6では次の段階に進み
より多くのリソースをサポートしました
リソースマネージャーを開いて
３つの小さな丸印をクリックすると
さらにリソースが表示されます
文字列 フォント ナビゲーション
スタイル メニューなどで
プレビューも見ることができます
たとえばレイアウトと似た要素のメニューや

Chinese: 
以及定位声明 这在处理 Attributes 时是很有用并且常用的手段
现在 你可以从它内部调用 Resource Manager
下面我来谈谈这方面内容
Resource Manager 可以说是一个
用来针对视觉资源进行可视化和管理的工具
这些资源包括可绘制对象 颜色 布局 等等
我们还添加了一些很有用的功能 比如导入 
你可以轻松地采用多种配置 为你的项目导入图像
在3.6版本中 我们决定沿着同一逻辑再推进一步
也就是 支持更多资源
当你打开 Resource Manager 时
你会看到这样的三个点
并且会得到一个内含更多资源的列表
这样你就可以管理更多的资源
比如字符串 字体 导航 样式 菜单 等等
而且 你可以获取其中一些资源的预览
例如 菜单 这个资源和 布局 非常相似

Spanish: 
o pasar a las declaraciones,
que son funciones muy útiles y comunes
por ejemplo,
cuando trabajamos con atributos.
Pueden invocar
al administrador de recursos
desde el editor
y justamente hablaré sobre eso.
Anteriormente,
el administrador de recursos
era una herramienta
para visualizar y administrar
sus recursos visuales.
Incluimos objetos, colores, diseños
y funciones muy útiles,
como importar fácilmente imágenes
en diferentes configuraciones
en sus proyectos.
En la versión 3.6,
decidimos admitir más recursos
que era el próximo paso lógico.
Si abren el administrador de recursos,
verán estos tres puntitos
que proporcionan una lista
de más recursos.
Pueden administrar más recursos
como fuentes, strings,
navegación, estilos, menús
y mucho más.
Pueden obtener vistas previas de algunos,
como los menús,
que son muy parecidos al diseño.

Portuguese: 
declarações, que são coisas muito
úteis de se fazer quando, por exemplo,
se trabalha com atributos.
Agora vocês podem invocar o
Resource Manager a partir dele,
e já vou falar sobre isso.
Para o Resource Manager,
quando usávamos o listener,
era mais de uma ferramenta
para visualizar e gerenciar
os recursos visuais.
Coisas como drawables, cores, layouts...
Nós incluímos recursos
realmente úteis, como importar
facilmente imagens em
diferentes configurações
para seu projeto.
Para a versão 3.6, decidimos levá-lo
para a próxima etapa lógica, que
é compatível com mais recursos.
Quando você abre o Resource Manager,
vê estes três pequenos pontos
e uma lista de mais recursos.
Vocês podem gerenciar 
mais recursos, como
strings, fontes, navegação,
estilos, menus e, obviamente,
muito mais.
Além disso, pode visualizar
por exemplo, menus, que são muito
semelhantes ao layout.

English: 
You can also get previous for
fonts and even fonts families
so you can seek
out all your fonts
look into your font
family, without having
to actually go into the font
file, or trying to hunt for it.
And of course for things like
strings, plurals, dimension,
you can get a really nice
preview of what there
is actually in the resource.
The Resource Manager will
also now aggregate the tools
that we have in Android Studio
for each of these resources,
specifically for
creating these resources.
For example,
drawables, or things
like colors and even fonts,
which maybe you didn't even
know that we have a tool that
makes it really easy to import
downloadable fonts
or actually download
the font into your project.
One of the things
that we also added
was a couple of
[? vector ?] b options,
so you can see resources
from the Android framework
as well as team attributes.
So you can really see how really
the Resource Manager becomes
really useful to know--
to easily locate these
resources as well as

Japanese: 
フォントやフォントファミリの
プレビューを見ることができます
フォントファイルを検索する必要はありません
もちろん文字列 複数形 次元などの
プレビューも見ることができます
リソースマネージャーには
リソースを作成するためのツールが揃っています
たとえばDrawableや
色やフォントなどですが
フォントには簡単にインポートしたり
プロジェクト用にダウンロードしたりできるツールが
あるのをご存知ですか
またフィルタービューの
選択肢も追加しています
Androidフレームワークのリソースや
テーマの属性があります
このようにリソースマネージャーでは
手軽にリソースの場所や
そのリソースがどこから来たのかを

Korean: 
또한 폰트와 폰트 패밀리의
미리보기를 볼 수 있어
폰트 파일에 들어가거나
폰트를 찾아다닐 필요 없이
모든 폰트와 폰트 패밀리를
살펴볼 수 있으며
문자열, 복수, 크기와 같은 
리소스에 대한 미리보기를 볼 수 있어
해당 리소스에
실제로 무엇이 있는지
확인할 수도 있습니다
또한 Resource Manager는 
이러한 각각의 리소스와 관련하여
Android 스튜디오에 있는
툴을 결합시켜 줍니다
특히 Drawable, 색상, 폰트 같은
리소스를 만드는 툴을 결합시켜 주죠
폰트의 경우, 여러분은 
다운로드 가능한 폰트를 프로젝트로 손쉽게
가져오거나 손쉽게 
다운로드할 수 있도록 해 주는
툴이 있다는 것을
모르고 계셨을 겁니다
이 외에도 저희는
몇 가지 옵션을 추가하여 
여러분이 팀 속성의 리소스뿐 아니라
Android 프레임워크의 리소스도
확인할 수 있도록 했습니다
이렇게 보시면 Resource Manager가
리소스가 어디에 있으며
어디에서 온 것인지
파악할 수 있다는 점에서

Spanish: 
También vistas previas de fuentes
y familias de fuentes.
Pueden buscar todas sus fuentes
y ver su familia de fuentes
sin tener que ir al archivo de fuente
ni tener que buscarlo.
Para strings, plurales y dimensiones,
también pueden obtener una vista previa
del contenido en el recurso.
El administrador de recursos
agregará las herramientas
de Android Studio
para cada uno de estos recursos,
específicamente para crearlos.
Por ejemplo, elementos de diseño,
colores e incluso fuentes.
Quizás no sabían
que tenemos una herramienta
que facilita la importación
de fuentes descargables
o la descarga de la fuente en tu proyecto.
Una de las funciones
que agregamos
fueron las opciones de vectores
que permiten ver recursos
del marco de trabajo de Android
y atributos de los equipos.
Como pueden ver,
el administrador de recursos
es muy útil para saber…
para ubicar estos recursos

Indonesian: 
Anda juga dapat melihat
tampilan font dan jenis font sebelumnya
agar dapat menemukan semua font
membuka jenis font, tanpa harus
membuka file font,
atau mencoba mencarinya.
Dan tentu saja untuk resource
seperti string, plural, dan dimensi,
Anda dapat melihat
pratinjau yang bagus dari
komponen resource.
Resource Manager kini
juga akan menggabungkan alat
di Android Studio
untuk setiap resource ini,
terutama untuk pembuatan resource.
Misalnya, drawable, atau resource
seperti warna dan bahkan
font, yang bahkan mungkin tidak
diketahui bahwa tersedia
alat yang memudahkan impor
font yang dapat
didownload atau mendownload
font ke project Anda.
Fitur lain yang kami tambahkan
yakni beberapa opsi vektor b,
sehingga Anda dapat melihat
resource dari framework Android
dan atribut tim.
Jadi, Anda dapat melihat
bagaimana Resource Manager
dapat sangat berguna untuk
dengan mudah menemukan resource dan

Portuguese: 
É possível também visualizar
fontes e famílias de fontes,
para pesquisar todas as suas fontes,
ver sua família de fontes, sem ter
que ir ao arquivo delas ou
ter que procurá-las.
E, claro, coisas como strings,
plurais, dimensões...
você pode ter uma boa
ideia do que realmente
tem no recurso.
O Resource Manager também
vai agregar as ferramentas
que temos no Android Studio
para cada um desses recursos,
especialmente para a criação deles.
Por exemplo, drawables ou coisas
como cores ou fontes para as quais, talvez
você nem saiba,
temos ferramentas que
facilitam a importação de
fontes ou o próprio download
da fonte para seu projeto.
Um das coisas que também adicionamos
foram algumas opções de [? vetores? ] b
para que vocês possam ver recursos
do framework do Android,
além de atributos da equipe.
Vocês podem ver como o
Resource Manager se torna
realmente útil...
para facilitar a localização desses
recursos e também

Chinese: 
你还可以获取字体 甚至字体族的预览
这样你就可以搜寻所有字体
无需接触字体文件 也无需费力搜寻 就可以检索你的字体族
当然 对于字符串 复数 维度 这些东西
你也可以无需详细检索这些资源 就获取到很好的预览
Resource Manager 现在还可以针对这些资源
聚合 Android Studio 中的相关工具
特别是那些用来创建这些资源的工具
例如 可绘制对象 或是颜色 甚至包括字体
大家可能都不知道 我们还有这样一个工具
它可以极大地简化可下载字体的导入流程
甚至还可以直接把字体下载到你的项目
我们还添加了过滤选项
方便大家看到来自 Android 框架的资源和主题属性
这样大家就可以看到 Resource Manager 的作用了
它可以轻松定位这些资源

Chinese: 
找出资源的位置和源头
这些工具可以整合进你的开发流程
你可以复制粘贴 还能拖拽放置
你可以看到可绘制对象是如何在预览图中实现更新的
正如我之前所提到的那样 你还可以
从 Attributes 面板那里获取 Resource Manager
你可以在这个漂亮的视图里看到一些
关于你的资源的额外信息 
很适合配合自动补全功能来使用
你可以看到代码库的来源
它属于何种资源 它看起来是什么样子的
以及一些用于各种配置的额外信息
包括为不同的配置提供合适的图标和 PNG 等等
在前往4.0版本之前 我先为大家介绍一点知识
Material 图标库是一套非常有用的通用素材
适用于几乎所有应用
我们在 Android Studio 4.0 中更新了这些图标

Indonesian: 
melihat lokasi serta
asal resource tersebut.
Sekali lagi, kembali ke konsep
bahwa alat ini dapat diintegrasikan
ke alur kerja pengembangan,
agar Anda bisa melakukan
salin-tempel atau tarik lalu lepas.
Dan Anda dapat melihat cara
variabel diupdate di pratinjau.
Seperti yang saya
katakan, kini Anda juga bisa
mendapatkan Resource
Manager dari panel Atribut.
Jadi Anda mendapatkan tampilan bagus
dan dapat melihat informasi ekstra
terkait resource yang
mungkin dapat dilakukan setelah
menggunakan pelengkapan otomatis.
Anda dapat melihat library asal,
jenis resource, tampilan resource,
dan informasi ekstra
untuk berbagai konfigurasi Anda,
seperti menggunakan ikon adaptif dan PNG
untuk konfigurasi lainnya.
Sebelum membahas fitur di versi 4.0,
saya akan membahas ini secara singkat.
Ikon materi adalah koleksi menarik
ikon yang berguna untuk
level makro di semua aplikasi.
Yang kami update adalah
ikon di Android Studio 4.0.

English: 
see where the resource are
and where they're coming from.
And again, going
back to the idea
is that these tools
can be integrated
into your development
workflow, so you
can do things like copy
and paste or drag and drop.
And you can see how the variable
gets updated in the preview.
And as I mentioned
before, you can also
now get the Resource Manager
from the Attributes panel.
So you get this
really nice view where
you can see some
extra information
about your resources that
maybe can be done after when
just working with autocomplete.
So you can see what
library it's coming from,
what type of resource it
is, how does it look like,
as well as some
extra information
for your different
configurations,
like having one
adapted icon and a PNG
for the other configurations.
Now before moving into
what we have for 4.0,
let me just quickly
mention this thing.
So material icons is a
really nice collection
of very useful for macro level
icons for basically any app.
What we updated is icons
in Android Studio 4.0.

Korean: 
정말 유용하다는 걸 아실 수 있죠
아까 말씀드린 것처럼
이 툴들은 여러분의
개발 워크플로우에 통합될 수 있으며
따라서 여러분은
복사하기, 붙여넣기 또는 
끌어다 놓기 등의 작업을 할 수 있습니다
그리고 변수가 미리보기에 
어떻게 업데이트되는지 볼 수 있구요
제가 아까 말씀드린 것처럼 이제
Resource Manager를 
속성 패널에서 불러올 수 있습니다
따라서 이렇게 깔끔한 화면에서 여러분은
리소스에 대한 추가 정보를 볼 수 있으며
자동완성 기능만으로 작업한 후
보실 수 있는데
리소스가 어떤 라이브러리에서 온 것이고,
유형이 무엇이며, 어떻게 표시되는지
확인할 수 있을 뿐 아니라
어느 구성에서는
한 개의 조정된 아이콘인데
다른 구성에서는 PNG인 경우와 같이
다양한 구성에 대한
추가 정보도 볼 수도 있습니다
이제 4.0에 대해 말씀드리기 전에
이것 한 가지만 
간략하게 언급하겠습니다
머티리얼 아이콘은 기본적으로
어느 애플리케이션에나 쓸 수 있는
매크로 수준의 아이콘을
모아놓은 것으로써 매우 유용합니다
저희는 Android 스튜디오 4.0에서
아이콘을 업데이트하면서

Japanese: 
確かめることができます
そもそもの狙いは
開発ワークフローに組み込めるようにすることで
コピーや貼り付け
ドラッグアンドドロップが可能で
変数もプレビューに反映されます
リソースマネージャーは
Attributesパネルからも開くことができ
リソースの情報が見やすく表示されるので
たとえばオートコンプリートを使って
作業した後に
どのライブラリに属しているかや
どんな種類のリソースかなど
さまざまな構成の詳細を確認できます
この構成にはアイコンとPNGがある
などということも分かります
4.0の機能に話題を移す前に
簡単に触れたいのですが
マテリアルアイコンはどのアプリでも使える
便利なアイコンのコレクションです
Android Studio 4.0では

Portuguese: 
ver onde eles estão e para onde vão.
Novamente, a ideia é que
essas ferramentas possam ser integradas
aos seus fluxos de trabalho
de desenvolvimento para que vocês
possam fazer coisas como copiar e
colar ou arrastar e soltar.
Vocês podem ver a variável
atualizada na visualização.
Como eu mencionei, vocês também podem
ter o Resource Manager a partir
do painel "Attributes".
Vocês têm esta visualização legal onde
podem ver alguns informações adicionais
sobre seus recursos, o que
pode ser feito depois ao
trabalhar com preenchimento automático.
Vocês podem ver de onde a biblioteca vem,
que tipo de recurso é, a aparência dele,
além de outras informações
para diferentes configurações,
como ter um ícone adaptado e um PNG
para as outras configurações.
Agora, antes de passar para o
que temos para a versão 4.0,
quero mencionar algo rapidamente.
Os ícones do Material são
uma coleção legal
e útil de ícones de nível macro
para praticamente qualquer app.
Atualizamos ícones no Android Studo 4.0.

Spanish: 
y saber de dónde provienen.
La idea es que estas herramientas
se puedan integrar
en su flujo de trabajo de desarrollo
así pueden copiar y pegar
o arrastrar y soltar.
Pueden ver cómo la variable
se actualiza en la vista previa.
Como dije antes, ahora pueden acceder
al administrador de recursos
desde el panel de atributos.
Obtienen esta vista
con información adicional
sobre sus recursos que pueden usar después
al trabajar
con autocompletar.
Pueden ver de qué biblioteca proviene
qué tipo de recurso es, cómo se ve,
además de información adicional
para sus configuraciones
como un ícono adaptado y un PNG
para las otras configuraciones.
Antes de pasar a las novedades de 4.0,
mencionaré algo más.
Los íconos de material son una colección
de íconos a nivel de la macro
muy útiles para cualquier app.
Actualizamos los íconos
en Android Studio 4.0.

English: 
And as you know, this is a
list of just a little bit
over 1,000 different icons
in five different styles.
And in case you didn't
know, one quickly
way to access to this tool--
one is the Resource Manager, or
another really easy one is just
going into the Resource
folder, Menu, Vector Asset,
and you're going to get
this really nice dialog
with all available icons
in their different styles.
So now let's actually jump into
what we are working on for 4.0,
and I'm going to leave
you with Nicolas.
NICOLAS ROARD: Thank you, Oscar.
So as you saw, lots
of refinement in 3.6.
You can download it today.
It's in beta.
Check it out.
There's a lot of good stuff.
But in 4.0, a lot
of the stuff we've
been working on in this
past year, maybe sometimes
a little more than that,
are finally coming in.
And I'm going to talk
about a couple of things.
First, you heard
about Compose, and we
bring the Compose preview.
So you see that here
from modified text,
it's reflected in the preview.

Chinese: 
如各位所知 这里列出了1000多个不同的图标
分为5个不同的样式
跟大家说明一下 你们可以通过几种方式来快速访问这个工具
比如 Resource Manager 
或者 你可以前往 Resource-New-Vector Asset
然后你就能看到这个漂亮的对话框
里面含有各种类型的可用图标
下面我们来讲一讲我们正在 Android Studio 4.0 中开发的东西
有请 Nicholas 来讲解这个部分
谢谢 Oscar
如大家所见 我们在3.6版本中进行了大量的改进
大家今天就可以下载它 它已经进入 beta 版本
请大家好好看看它 里面有很多好东西
在4.0版本中 许多让我们忙活了一年多的东西 现在终于正式登场了
下面我来讲几条
第一 大家都听说过 Compose 我们推出了 Compose 预览
大家可以看到 在这里修改过的文本
会在预览中反映出来

Indonesian: 
Seperti yang Anda tahu,
ini adalah daftar sebagian kecil
dari 1.000 ikon
lebih di lima gaya berbeda.
Jika belum tahu,
cara yang cepat untuk mengakses alat ini--
melalui Resource Manager,
atau cara mudah lain dengan
membuka folder
Resource, Menu, Asset Vector,
dan Anda akan melihat dialog menarik
dengan semua ikon yang
tersedia dalam berbagai gaya.
Mari lanjutkan ke fitur yang
sedang diupayakan untuk versi 4.0,
yang akan disampaikan oleh Nicolas.
-Terima kasih, Oscar.
Telah Anda lihat, ada
banyak penyempurnaan di versi 3.6.
Download aplikasinya sekarang.
Ini masih dalam versi beta.
Cobalah.
Ada banyak hal menarik.
Namun di versi 4.0, banyak hal yang
telah kami kerjakan
setahun kemarin, atau bahkan
lebih dari setahun lalu, akhirnya selesai.
Saya akan
bahas beberapa hal.
Pertama, Anda mendengar tentang Compose,
dan kami tunjukkan pratinjau Compose.
Dapat Anda lihat dari teks yang diubah,
ini ditunjukkan di pratinjau.

Korean: 
1,000개 이상의 
서로 다른 아이콘의 목록을
5가지 유형으로 나누어 만들었습니다
잘 모르시는 분을 위해 말씀드리자면
이 툴에 빠르게
액세스하는 방법 중 하나는
Resource Manager를 이용하는 것이고
또 다른 정말 쉬운 방법은
리소스 폴더, 메뉴,
벡터 자산으로 들어가는 것입니다
여기에 들어가면 
다양한 스타일의 아이콘이 포함된
멋진 대화창을 보실 수 있습니다
지금부터는 4.0에 대해
저희가 진행 중인 작업에 대해
니콜라스 씨의 설명이 있겠습니다
오스카 씨, 고맙습니다
보신 것처럼 3.6에서 
많은 개선이 있었습니다
개선된 기능은 지금 다운로드하실 수 있고요
베타 버전입니다
확인해 보세요
좋은 것이 많이 있습니다
4.0에서 저희는 지난 한 해 동안
많은 작업을 진행해 왔고
그 결과물이 마침내 출시 중에 있습니다
오늘은 몇 가지를 말씀드리고자 합니다
첫째로, Compose에 대해
들어보셨을 겁니다
저희는 Compose
미리보기를 만들었습니다
Compose 미리보기에서는
수정된 텍스트가
미리보기에 반영되는 것을
보실 수 있습니다

Spanish: 
Como saben, esta es una lista
de más de 1,000 íconos
en cinco estilos diferentes.
Por si no sabían, una forma de acceder
a esta herramienta rápidamente...
una es el administrador de recursos
y otra muy fácil
es ir a la carpeta Recursos,
Menú, Activo de vector
y acceder a un diálogo
con todos los íconos disponibles
en sus distintos estilos.
Ahora pasemos a las novedades en 4.0
y los dejo con Nicolas.
Gracias, Oscar.
Como vieron, hay muchas mejoras en 3.6.
que pueden descargar hoy mismo.
Está en Beta.
Mírenla.
Hay muchas funciones buenas.
En 4.0 lanzamos muchas de las funciones
en las que trabajamos el último año
y quizás durante incluso más tiempo.
Hablaré sobre algunas de ellas.
Escucharon hablar de Compose
y la vista previa de Compose.
Pueden ver que el texto modificado
se muestra en la vista previa.

Japanese: 
アイコンを更新していて
５つのスタイルの
1,000種以上のアイコンがあります
簡単なアクセス方法としては
１つはリソースマネージャーから
もう１つは
[res] [New]
[Vector Asset]の順に
フォルダーを移動すると
ダイアログにさまざまなスタイルのアイコンが
表示されます
では4.0で私たちが取り組んでいる機能を
ニコラが紹介します
ご覧のように3.6の多くの機能が
改良されています
現在ベータです
ぜひ試してみてください
一方4.0には
１年以上にわたって取り組んできた
多くの機能が搭載されています
では次に
Composeのプレビュー版をご覧ください
テキストを修正すると
プレビューに反映され

Portuguese: 
Como vocês sabem, esta é uma lista de mais
de 1.000 ícones diferentes
em cinco estilos diferentes.
Uma forma rápida
de acessar essa ferramenta...
uma é pelo Resource Manager e
outra bastante fácil é só
entrar na pasta Resource, Menu,
Vector Asset,
e você terá esta caixa de diálogo
com todos os ícones disponíveis
em diferentes estilos.
Agora, vamos ver o que estamos
trabalhando para a 4.0.
Vou então deixar vocês com o Nicolas.
Obrigada, Oscar.
Como vocês viram, muitos ajustes na 3.6.
Vocês podem fazer o download hoje.
Está na versão Beta.
Vejam lá.
Há um monte de coisas boas.
Mas, na 4.0, muitas das coisas em que
estamos trabalhando desde
o ano passado, talvez
um pouco mais, estão
finalmente sendo inseridas.
Vou falar de duas delas.
Primeiro, vocês já ouviram
falar do Compose. Vamos
trazer a visualização do Compose.
Vejam que aqui, no texto modificado,
ele está refletido na visualização.

Portuguese: 
Se eu alterar a equipe,
isso será refeltido na
visualização também.
Estamos trazendo muitas das ferramentas
que criamos para o framework
do Android já existente,
e disponibilizando no Compose.
A história não termina aqui.
Queremos fazer muito mais
coisas no Compose,
e isso é muito legal.
Vocês podem testar na 4.0 hoje.
A outra coisa que estamos
introduzindo na 4.0
é o que chamamos de visualização múltipla.
Vocês podem acessá-la clicando nesta guia
para abri-la.
E o que ela faz
é basicamente dar a vocês um
jeito de visualizar seu layout
em diferentes configurações sem ter que
abrir o emulador ou
diferentes dispositivos.
Aqui, simplesmente ao abri-lo,
carregamos um conjunto
específico de configurações,
e vocês podem ver seu layout
em diferentes formatos etc.
Vamos um pouco mais além.
Primeiro, vocês podem fazer as
mesmas coisas para suas linguagens
que estão definidas nos
seus projetos, o que
é muito conveniente.
Continuando, podemos
fazer mais coisas.

Japanese: 
テーマを変更すると
同様に反映されます
Androidフレームワークの
多くのツールが
Composeでも使えます
Composeで実現したいことは
ほかにもたくさんあるので
ご期待ください
4.0は今すぐ試せます
4.0のもう１つの機能が
マルチプレビューです
アクセスするにはこのタブを開きます
その機能ですが
レイアウトをさまざまな構成で視覚化できるので
エミュレータやデバイスを
用意する必要がなくなります
タブを開くだけで
構成が読み込まれ
タブレットや各種フォームファクターの
レイアウトが見れます
さらに
プロジェクトに定義された言語で
同じことを行えるのでとても便利です
できることはほかにもあります

Korean: 
팀을 변경하는 경우
미리보기에도 반영됩니다
저희는 기존
Android 프레임워크를 위해 만든
여러 툴을 가져와서
Compose에서
사용할 수 있도록 하고 있습니다
이야기는 거기서 끝나지 않습니다
저희는 Compose에서
하고 싶은 일들이 많습니다
매우 흥미로운 일입니다
여러분은 오늘
4.0을 사용해 보실 수 있습니다
저희가 4.0에
도입하고 있는 또 다른 것으로
다중 미리보기가 있습니다
여러분은 이 탭을
가져와서 열기만 하면
여기에 액세스할 수 있습니다
기본적으로 다중 미리보기에서는
에뮬레이터 또는
서로 다른 기기를 가져올 필요 없이
다양한 구성의 레이아웃을
시각화할 수 있습니다.
다중 미리보기를 열면
특정 구성 세트가 로딩되고
레이아웃이 태블릿과
여러 다른 폼 팩터에서
어떻게 표시되는지 볼 수 있습니다
이것이 전부가 아닙니다
프로젝트에 정의된
언어에 대해서도
똑같이 이렇게 할 수 있습니다
아주 편리하죠
그 이상의 다른 것도 할 수 있습니다

Chinese: 
如果我修改主题 也会在预览中反映出来
我们正在把很多现有的为 Android 框架研发的工装
变得适用于 Compose
事情并没有结束
我们想要在 Compose 中做的事情还有很多
非常激动人心
你现在就可以在4.0版本中尝试它
我们还在4.0版本中加入了多重预览
你只需打开这个标签页 即可访问这一功能
它的作用是 在不同的配置中把布局可视化
而无需启动模拟器或多个设备
这里 我们只需打开它 加载一套特定的配置
大家就可以看到自己的布局在平板电脑上
以及各种形态的设备上的样子
不过我们所做的还不止于此
首先 你可以针对你在项目中定义的语言做同样的事情
这非常方便
我们还可以做到更多

Indonesian: 
Jika saya lanjutkan dan mengubah tim,
ini akan ditunjukkan juga di pratinjau.
Kami meluncurkan banyak alat
yang kami buat untuk
framework Android yang sudah ada,
dan kami menyediakannya untuk Compose.
Dan bukan hanya itu.
Ada banyak hal lainnya yang
ingin kami lakukan di Compose,
dan sangat menarik.
Anda dapat
mencobanya di versi 4.0 sekarang.
Hal lain yang kami
perkenalkan di versi 4.0
adalah multi-pratinjau,
Anda dapat mengaksesnya cukup dengan
mengklik dan membuka tab ini.
Fungsinya yakni
memberi Anda cara untuk
memvisualisasikan tata letak
di berbagai konfigurasi tanpa harus
menggunakan emulator
atau perangkat yang berbeda.
Jadi, hanya dengan membukanya,
kita akan memuat
kumpulan konfigurasi tertentu,
dan Anda dapat melihat
tampilan tata letak di tablet,
dalam berbagai faktor bentuk, dll.
Tidak hanya itu.
Pertama, Anda dapat melakukan
hal yang sama untuk bahasa Anda
yang ditentukan di project, yang
sangat mudah.
Selanjutnya kami
dapat melakukan hal lainnya.

Spanish: 
Si cambio el equipo
también se verá reflejado
en la vista previa.
Incluimos muchas
de las herramientas que creamos
para el marco de trabajo
de Android existente
y lo presentamos en Compose.
Y eso no es todo.
Queremos hacer mucho más en Compose
y estamos muy entusiasmados.
Pueden probarlo hoy en 4.0.
Otra función que agregamos en 4.0
es la vista previa múltiple
a la que pueden acceder
si abren esta pestaña.
Básicamente,
les permite visualizar su diseño
en diferentes configuraciones
sin tener que activar su emulador
en distintos dispositivos.
Solo con abrirlo
cargamos un conjunto específico
de configuraciones
y pueden ver
el aspecto de su diseño en una tablet
en diferentes factores de forma
y demás.
Pero eso no es todo.
Pueden hacer lo mismo para los lenguajes
definidos en sus proyectos,
lo que es muy conveniente.
Seguimos agregando más funciones.

English: 
If I go in and change
the team, you know,
it will be reflected
in the preview as well.
So we are bringing
a lot of the tooling
that we build for the
existing Android framework,
and we're making it
available to Compose.
And the story doesn't end there.
There's a lot more stuff
we want to do in Compose,
so it's very, very exciting.
And you can try
that on 4.0 today.
The other thing that
we're introducing in 4.0
is something we call
the multi-preview,
and you can access it
simply by bringing this tab
and opening it.
And what it does--
essentially gives you a way
to visualize your layout
in different configurations
without having
to bring up your emulator
or different devices.
So here by simply
opening it up, we
load a specific set
of configurations,
and you can see what your
layout looks like in tablet,
in different form
factors, et cetera.
But we go beyond that.
First you can do the same
things for your languages
that are defined in
your projects, which
is very convenient.
We continue-- we
can do more things.

Chinese: 
我们还支持大家创建自己的配置
这样大家就可以把配置设置成自己喜欢的样子了
我们可以看到 几乎所有东西都是可配置的
我最后想说的是 最后一条配置 
我们来看看
色盲模拟
很高兴地看到 我们终于推出了这个功能
大家在开发应用的时候 常常会忘掉这件事
但它其实会对很多人产生很大的影响
现在 你可以直接把它放进 Studio
然后检查你的颜色对比等方面是否正确
这里你可以看到 标题 (的颜色) 并不理想
还有一件好事是 因为所有东西都是链接在一起的
所以 如果我在 Layout Editor 中进行修改
那么所有改动都会实时反映在预览中

Korean: 
맞춤 구성을 만들 수 있습니다
따라서 여러분은 관심 있는 구성을
실제로 설정할 수 있습니다
그리고 모든 것이 구성하기가 
상당히 용이하다는 것을 보실 수 있습니다
그리고 제가 마지막으로 강조하고 싶은 것은
마지막 구성인데요
한 번 보여드리겠습니다
네
색맹자를 위한 시뮬레이션입니다
마침내 이러한 툴을
소개하게 되어 정말 기쁩니다
[박수]
감사합니다
애플리케이션을 개발할 때
사람들이 흔히 잊는 사실 중의 하나는
애플리케이션이 많은 사람에게
큰 영향을 미친다는 것입니다
이제 여러분은 스튜디오에서
이러한 점을 고려할 수 있고
예컨대, 색상 대비가 올바른지 여부를
확인할 수 있습니다
여기서는 제목의 색상
대비가 적절하지 않네요
마지막으로 이 툴의 좋은 점은
모든 것이 연결되어 있어서
내가 Layout Editor에서
무엇인가 수정하면
그것이 미리보기에 실시간으로 반영되고

Japanese: 
カスタムの構成を作成可能なので
関心のある構成を設定できます
いろんな構成が可能です
最後に紹介したいのは…
ちょっとお待ちください
色覚異常のシミュレーションです
完成できて本当に良かったです
ありがとうございます
アプリケーション開発をしていると
忘れてしまいがちなのですが
大きな影響力があると思います
これでStudioで直接
コントラストが合ってるか確認できます
こちらはタイトルが合っていません
またすべてが連携しているので
レイアウトエディタで修正した内容が
リアルタイムでプレビューに反映されます

English: 
We can let you create
custom configurations,
so you can actually set
out the configuration
you are interested in.
And you can see that everything
is pretty configurable.
And the last thing I'd
like to highlight here
is the last
configuration, which is--
let's see.
OK.
It's the color
blindness simulation,
and I'm really happy that
we finally got that one.
[APPLAUSE]
Thank you.
Specifically, it's
such a common thing
to forget when you
do applications,
but it has a lot of--
a strong impact for
a lot of people.
And now you can directly
put it in Studio
and see if your contrast, for
example, is correct or not.
And you can see here
the title is not ideal.
The last thing
that's pretty nice
is that because everything
is linked together,
if I modify something
in the Layout Editor,
everything reflects
live in the preview,

Portuguese: 
Podemos deixar vocês criarem
configurações personalizadas
para definirem a configuração
do seu interesse.
Vocês podem ver que tudo
pode ser configurado.
A última coisa que quero
destacar aqui é
a última configuração, que é...
vamos ver.
OK.
É a simulação de daltonismo.
Fico muito feliz por termos feito isso.
Obrigado.
Especificamente, é comum
esquecer quando criamos apps,
mas tem muito...
um forte impacto para muitas pessoas.
Agora, vocês podem colocar
isso diretamente no Studio
e ver se seu contraste, por
exemplo, está correto ou não.
Vejam aqui que o título não é ideal.
A última coisa que é legal
é que, como tudo está vinculado,
se eu modificar algo no Editor de Layout,
tudo se reflete diretamente
na visualização

Spanish: 
Permitimos crear configuraciones
personalizadas
que permiten definir la configuración
que les interesa.
Pueden ver que todo es configurable.
Lo último que quiero destacar
es la última configuración, que es…
veamos…
Bien.
Es la simulación de daltonismo
y estoy muy contento
de que finalmente tenemos una.
[Aplausos]
Gracias.
Es un tema muy fácil de olvidar
cuando creamos aplicaciones
aunque tiene un gran impacto
para muchas personas.
Ahora pueden usarla directamente en Studio
y ver si el contraste, por ejemplo,
es correcto o no.
Aquí pueden ver que el título no es ideal.
Otra ventaja
es que como todo está vinculado
si modifico algo en el editor de diseño
se ve reflejado automáticamente
en la vista previa

Indonesian: 
Kami dapat mengizinkan
pembuatan konfigurasi kustom,
agar Anda dapat menyetel konfigurasi
yang disukai.
Dan dapat dilihat bahwa
semuanya dapat dikonfigurasi.
Hal terakhir yang ingin saya tekankan
adalah konfigurasi terakhir, yaitu...
mari kita lihat.
Oke.
Simulasi buta warna,
dan saya sangat senang
akhirnya dapat menyelesaikannya.
Terima kasih.
Secara khusus, ini adalah hal umum
yang sering terlupa saat membuat aplikasi,
tapi memiliki dampak besar
bagi banyak orang.
Kini Anda dapat
langsung menerapkannya di Studio
dan melihat apakah kontras,
misalnya, berfungsi atau tidak.
Dapat dilihat bahwa
warna judul ini tidak ideal.
Hal terakhir yang cukup menarik
yakni semua ini saling terhubung,
jika mengubah sesuatu di Layout Editor,
perubahan itu akan
langsung terlihat di pratinjau,

English: 
and it works regardless
of the configuration.
So you can see here,
I move the button,
and you can see the
configuration of dating.
So it's a very useful tool.
I encourage you to check it out.
And please give us feedback.
The other improvement that
we made in your workflow
is when, a little bit like what
we did for the Compose preview,
but when you create your
custom views on Android.
So you can do that today by
creating-- you have your custom
view here on that left panel.
I can create an XML file,
and inside that XML file,
I can put my custom
view and it will
display in the preview
using the new split view
mode, the result. But
it's a little cumbersome.
So now what we
prefer is we bring up
a panel immediately
next to your code,
and you can decide
the configuration,
match parent or wrap content.
You can go and modify something,
and it will correctly replicate
what you've been doing.
So here I am just
changing the string here,

Japanese: 
どんな構成でもです
ボタンを移動すると
構成が更新されます
とても便利なツールなので
実際に使ってみて感想をお聞かせください
ほかにもワークフローを改善しています
Composeのプレビューと似ていますが
カスタムビューを作成する際に
左のパネルにカスタムビューが表示されます
XMLファイルを作成して
その中にカスタムビューを挿入すると
新しい分割ビューモードで
プレビューが表示されますが
これはちょっと面倒です
代わりに
コードの隣にパネルが開いて
構成を決めたり
match_parentや
wrap_contentを指定したりでき
何か修正を加えると
それが正しく反映されます
ここでは文字列を変更していますが
正しく反映されます

Spanish: 
y funciona sin importar la configuración.
Pueden ver que muevo el botón
y se refleja en la configuración de citas.
Es una herramienta muy útil.
Los invito a usarla.
Y envíennos sus comentarios.
Otra mejora que hicimos
en el flujo de trabajo
es similar a la que hicimos
para la vista previa de Compose
pero con vistas personalizadas
en Android.
Pueden crear su vista personalizada
en el panel de la izquierda.
Puedo crear un archivo XML
y dentro de ese archivo
poner mi vista personalizada
que mostrará el resultado
en la vista previa
con el nuevo modo de vista dividida.
Es un poco complicado.
Preferimos mostrar un panel
justo al lado de su código
para que decidan la configuración
y el valor de match parent
o wrap content.
Pueden modificar una característica
y replicará correctamente
lo que hicieron.
Cambio esta string de aquí
y se aplicó correctamente.

Chinese: 
而且无论配置如何更改 它都可以照常运作
这里 当我移动这个按钮的时候
大家就可以看到对应的配置中更新了
所以说 这是一个很有用的工具
希望大家都去试试
并向我们提交反馈
针对大家的工作流程 我们做出的另一项改进
很接近我们对 Compose 预览所做的的改动
但针对的是当你在 Android 上创建定制视图时的情况
我们可以在左侧面板上的视图中创建 XML 文件
在这个文件内部 我可以加入定制视图
它会按照新的 Split View 模式显示在预览中 
但是这种做法还是稍嫌麻烦
我们倾向于采用的做法是 
在你的代码旁边使用一个面板
你可以决定配置 匹配母项 或折行设置
你可以做出修改 而它也会正确地反映你的动作
这里我改动一下字符串
它应用到了恰当的对象上

Indonesian: 
dan ini akan befungsi
terlepas dari konfigurasi yang ada.
Dapat dilihat, saya pindahkan tombolnya,
dan Anda lihat konfigurasi untuk kencan.
Alat ini sangat berguna.
Sebaiknya Anda mencobanya.
Dan tolong berikan masukan pada kami.
Penyempurnaan lain
yang kami buat di alur kerja
yakni saat, hampir sama dengan
yang kami lakukan di pratinjau Compose,
tapi berlaku saat
membuat tampilan kustom di Android.
Kini Anda dapat
melakukannya dengan membuat--di sini ada
tampilan kustom Anda di panel kiri.
Saya dapat membuat
file XML, dan di dalamnya,
saya dapat meletakkan
tampilan kustom, yang hasilnya akan
ditampilkan di pratinjau dengan
mode Tampilan Terpisah yang baru.
Namun ini agak menyulitkan.
Jadi kini, kami lebih memilih memunculkan
panel dengan cepat di samping kode Anda,
dan Anda dapat memilih konfigurasi,
mencocokkan induk
atau menggabungkan konten.
Anda dapat membuat
perubahan dan hasilnya akan direplikasi
dengan tepat.
Di sini saya hanya mengubah string,
dan ini diterapkan dengan tepat.

Korean: 
구성에 관계없이 작동한다는 것입니다
보시는 것처럼 제가 버튼을 옮기면
구성이 업데이트되는 것을 볼 수 있습니다
매우 유용한 툴이죠
한 번 사용해 보실 것을 권합니다
그리고 피드백을 주시기 바랍니다
개발자 워크플로우에서 
저희가 개선한 점이 또 있습니다
Compose 미리보기에서
개선한 점과 약간 비슷한데요
Android에서 커스텀 뷰를
만들 때 활용할 수 있는 것입니다
현재 커스텀 뷰를 만들면
왼쪽 패널에 표시됩니다
XML 파일을 만들 수 있고
XML 파일 안에
커스텀 뷰를 넣으면 커스텀 뷰가
새로운 분할 보기 모드를
사용하여 미리보기에
결과를 표시해 줍니다
하지만 이 방법은 약간 번거롭죠
이제 저희가 선호하는 방식은
패널이 코드 바로 옆에 표시되도록 하여
여러분이 구성,
match parent 및 wrap content를
결정할 수 있게 하는 것입니다
여러분이 무엇인가를
수정하면 수정 사항이 패널에
올바르게 복제됩니다
여기서 제가 문자열을 변경했는데

Portuguese: 
e funciona, independentemente
da configuração.
Vocês podem ver que eu movi o botão.
Vejam a configuração de datas.
É uma ferramenta bastante útil.
Sugiro que vocês deem uma olhada.
E, por favor, deem seu feedback.
Outra melhoria que
fizemos no fluxo de trabalho
é quando... um pouco parecido
com o que fizemos na visualização
do Compose. Ao criar visualizações
personalizadas no Android.
Hoje, vocês fazem isso
criando... vocês têm uma visualização
personalizada aqui no painel esquerdo.
Posso criar um arquivo XML e, dentro dele,
posso colocar minha visualização
personalizada, que
aparecerá na visualização
usando o novo modo de
visualização dividida, o resultado.
Mas é um pouco complicado.
Agora, o melhor de tudo é que
chamamos um painel bem
ao lao do seu código.
Você pode escolher a configuração,
associar o elemento pai ou
unir conteúdo.
Pode modificar um item e
isso será devidamente
replicado.
Estou mudando a string aqui,

Spanish: 
Esperamos que les facilite su trabajo.
Lo último que quiero mencionar
es el inspector de diseño.
Con la demostración de esta mañana
pueden darse una idea.
Básicamente,
tenemos un Hierarchy Viewer potenciado.
¿Bien?
Podemos actualizar en vivo
lo que sucede en el emulador
o en su dispositivo, en Studio.
Es muy potente.
Obtenemos información de todas las vistas.
Si hago clic en el emulador,
la pantalla cambia.
Pueden verlo reflejado en Studio.
También mostramos los compuestos en capas,
es decir las vistas,
que dan una superposición de ideas
y demás.
También les permite seleccionar.
Otra cosa que podemos hacer
con esta herramienta
es seleccionar un elemento
que mostrará los distintos atributos
además de la atribución.

Indonesian: 
Saya harap ini akan
memudahkan pekerjaan Anda.
Hal terakhir yang ingin saya
bahas adalah Layout Inspector.
Dan jika dilihat demonya pagi tadi,
Anda dapat melihat keunggulannya.
Kini kami memiliki
fitur seperti Penampil Hierarki
tapi dalam skala lebih besar.
Kita dapat melihat pembaruan langsung
dari tindakan apa pun yang
dilakukan di emulator atau perangkat
di Studio.
Dan ini sangat berguna.
Kita mendapatkan informasi semua tampilan.
Jika mengklik
emulator, layar akan berubah.
Ini akan ditampilkan kembali ke Studio.
Dan kami juga mendukung
tampilan berbagai gabungan
pada lapisan, tepatnya tampilan berbeda,
dan ini memberi Anda
overdraw konsep dan hal semacamnya.
Ini semua juga dapat dipilih.
Hal lain yang dapat
dilakukan dengan alat ini
yakni saat Anda memilih elemen,
berbagai atributnya akan ditunjukkan,
dan akan tersedia atribusi.

Portuguese: 
e ela corrigirá as coisas.
Esperamos que isso
facilite as coisas para vocês.
A última coisa que quero destacar
é o Layout Inspector.
Na demo desta manhã,
vocês terão uma boa amostra dele.
Essencialmente, temos algo
como Hierarchy Viewer
mas em esteroides.
Certo?
Basicamente, temos uma
atualização ao vivo
sobre o que está acontecendo
com o emulador ou seu dispositivo
no Studio.
Isso é muito eficiente.
Temos as informações de
todas as visualizações.
Se eu clico no emulador, a tela muda.
Vejam que isso é refletido no Studio.
Podemos também mostrar a
composição diferente
em camadas, as diferentes
visualizações, de fato,
e isso dá uma ideia de
overdraw e coisas assim.
Tudo é selecionável também.
Outra coisa que podemos fazer
com essa ferramenta
é quando você seleiona
um elementos. Vamos
Vamos mostrar os diferentes atributos
e ver as atribuições.

Japanese: 
これで少しでも作業が楽になれば幸いです
最後はLayout Inspectorです
デモを見れば感じがつかめるはずです
Hierarchy Viewerの
強化版といえるもので
エミュレータやデバイスで起きていることが
Studioでリアルタイムで反映されます
とてもパワフルです
すべてのビューの情報が表示され
エミュレータで画面が遷移すると
Studioに反映されます
また構成ごとに異なるビューで表示されるので
いろんなアイデアを試すことができます
選択も可能になっています
ほかにもこのツールでは
要素を選択すると
属性が表示されます

English: 
and it applied to
correct things.
So we hope that's going to
make your life a little easier.
And the last thing I wanted to
cover is the Layout Inspector.
And if we see the
demo this morning,
you get a good taste of it.
But essentially, now we have
something like Hierarchy Viewer
but on steroids.
Right?
We can basically
have a live update
on what's going on in the
emulator or your device
in Studio.
And it's very powerful.
We get the information
of all the views.
If I click on the emulator,
the screen changes.
You can see it reflected
back in Studio.
And we also support showing
you the different composite
in layers-- the different
views, in fact--
and that gives you like an idea
overdraw and things like that.
It's all selectable as well.
The other thing that we
can do with this tool
is when you select
an element, we're
going to show you the
different attributes,
and we get attribution.

Chinese: 
希望这个改进能让大家的工作更轻松一些
我最后想讲的是 Layout Inspector
如果今天早上大家见过它的话 那么可能已经对它有了初步印象了
大体上讲 现在我们拥有了一个强化版的 Hierarchy Viewer
我们基本上可以在 Studio 中实时更新模拟器或设备中的内容
这项功能非常强大
我们可以获取所有视图的相关信息
如果我点击模拟器 屏幕就会变动
然后在 Studio 中就会产生相应的改变
我们还支持显示不同的组成层级 也就是各种视图
这样你就很容易发现重叠绘制的对象
而且它们也都是可选的
这个工具的另一个功能是
当你选取一个元素时 
我们会向你展示不同的属性
并且得到归因
这样你就可以了解到 

Korean: 
패널에 올바르게 적용이 되었습니다
이러한 방식을 통해
작업이 좀 더 수월해지시길 바랍니다
제가 다룰 마지막 툴은 
Layout Inspector입니다
오늘 아침에 있었던 이 데모를 보면
이 툴을 이해하는 데 유용할 것입니다
기본적으로 이것은 
Hierarchy Viewer와 비슷해 보이지만
강력한 기능을 가지고 있습니다
그렇죠?
기본적으로 에뮬레이터나 기기에서
어떤 일이 발생하는지에 대한
실시간 업데이트를 스튜디오에서
확인할 수 있습니다
이것은 매우 강력한 기능입니다
모든 뷰에 대한 정보가 표시됩니다
에뮬레이터를 클릭하면 화면이 변경되고
변경 사항이 다시 스튜디오에
반영되는 것을 보실 수 있습니다
또한 레이어에 있는
다양한 구성 요소, 즉
다양한 뷰가 표시되도록 하여
overdraw와 같은 부분에 대해
개념을 제공할 수 있도록 했습니다
이러한 뷰는 모두 
선택 가능한 것이기도 합니다
이 툴로 할 수 있는
또 다른 것이 있습니다
여러분이 요소를 선택할 때
다양한 속성이 표시되도록 하여
여러분이 속성을 취할 수 
있게 하는 것입니다

Japanese: 
属性が定義されている場所が分かり
Studio内でそこに移動できます
素晴らしい機能をお見せします
こちらのファイルに移動して
最近追加したカラー選択ツールで
色を別の色に変更します
私はデザイナーではないので
綺麗ではないかもしれませんが
色を変更してそれを適用すると
すぐに反映されます
とても便利で作業がはかどるツールです
最後は4.0から追加された
Motion Editorです
パリスとジョンが紹介します
本日ついに
Motion Editorがアルファとなり
Android Studio 4.0 
Canary 1で提供されます
Motion Editorについて
お伝えする前に
これまでの軌跡を紹介します
昨年のI/Oでは

Chinese: 
某个特定的属性是在哪里被定义的
并在 Studio 中轻松地通过导航找到它
下面我来为大家展示一个很棒的东西
如果我前往那个文件 在本例中 这个文件是颜色
这时我就会拿出我们最近推出的全新颜色选择器
然后 我就可以改变颜色
我本人并不是设计师 所以可能改得不好看
改动之后 如果我使用 Apply Changes
大家就可以看到 旧的颜色很快就被替代了
这个工具可以为工作流程的改进提供很大便利
最后值得一提的是 在4.0版本中
我们推出了 Motion Editor
下面请 Paris 和 John 来为我们介绍它
谢谢 Nicholas
今天是非常令人兴奋的一天
今天 Motion Editor 进入了 alpha 版本
并在 Android Studio 4.0 Canary 1 版本中提供试用
在深入探讨 Motion Editor 之前
我想先为大家介绍一下 Motion Editor 的历史

Portuguese: 
Isso permite saber onde
um atributo específico
foi definido.
Você pode navegar até ele no Studio.
Vou mostrar uma coisa legal também.
Se eu acesso este arquivo,
aqui é uma cor.
Vou chamar o novo seletor de
cores que introduzimos
recentemente também e vou
mudar a cor.
Não sou designer, então isso
vai ser um pouco difícil.
Se eu fizer isso e usar "Apply Changes",
vocês verão que tudo é
replicado rapidamente.
É uma ferramente bastante conveniente
para melhorar seu fluxo de trabalho.
Por fim, na 4.0, introduzimos
o Editor de movimento.
Para falar sobre ele,
eu chamo a Paris e o John.
Obrigada, Nicolas
Hoje é um dia incrível.
Hoje, o Editor de movimento
chega na versão Alfa e está
disponível no Android Studio 4.0
Canary 1.
Antes de nos aprofundarmos
um pouco no Editor,
gostaria de rever com vocês a
história do Editor de movimento.

Korean: 
이러한 방식은 특정 속성이
어디에서 정의되었는지
파악할 수 있게 해 줍니다
그러면 여러분은 스튜디오에서
그 파일로 손쉽게 이동할 수 있습니다
재미있는 걸 하나
보여드리겠습니다
제가 그 파일로 이동하면
이 경우에는 색상이네요
최근에 소개했던
새로운 컬러 피커를 불러들여
색상을 바꿔보겠습니다
저는 디자이너가 아니라서
색상이 어색할 것 같네요
아무튼 색상을 변경한 다음
색상 적용을 사용하면
색상이 매우 빠르게
복제된 것을 볼 수 있습니다
이 툴은 여러분의 워크플로를
개선하는 매우 편리한 툴입니다
마지막으로 4.0에서 저희는
Motion Editor를 도입했습니다
이에 대해서는 패리스와
존이 설명해 드리겠습니다
니콜라스 씨, 감사합니다
예, 오늘은 매우 흥분되는 날입니다
오늘 Motion Editor가 첫 선을 보였고
Android 스튜디오 4.0
Canary 1에서 사용할 수 있습니다
Motion Editor에 대해
자세히 살펴보기 전에
Motion Editor가
개발되기까지의 과정을
말씀드리겠습니다

Indonesian: 
Ini memungkinkan Anda
mengetahui tempat atribut tertentu
telah ditentukan.
Dan Anda dapat membukanya di Studio.
Saya akan
menunjukkan sesuatu yang menarik.
Yakni, jika membuka file
tersebut, di sini adalah warna,
saya akan memunculkan
pemilih warna baru yang baru kami
perkenalkan, dan saya akan
mengubah warnanya.
Saya bukan seorang desainer, ini mungkin
akan berantakan.
Namun jika saya
melakukannya dan menerapkan perubahan,
Anda akan melihat proses
replikasinya dengan cepat.
Ini adalah alat yang sangat
membantu untuk menyempurnakan alur kerja.
Terakhir namun
tak kalah penting, di versi 4.0
kami memperkenalkan Motion Editor.
Dan untuk Motion Editor,
saya persilakan Paris dan John.
-Terima kasih, Nicolas.
Ya, ini adalah hari yang menyenangkan.
Hari ini Motion
Editor mencapai versi alfa,
dan telah tersedia di
Android Studio 4.0 Canary 1.
Sebelum membahas Motion Editor lebih jauh,
saya akan membawa Anda melihat ke belakang
perjalanan Motion Editor.

English: 
That allows you to know where
the specific attribute has
been defined.
And you can simply
navigate to it in Studio.
I'm going to show you something
a little cool as well.
It's that if I go to that
file, here that's a color.
I'll bring up the new color
picker that we recently
introduced as
well, and I'm going
to change the color
to something else.
I'm not a designer,
so it's probably
going to be a little clashy.
But if I do that and
I use apply changes,
you're going to see it's
replicated very quickly.
So that's a very convenient
tool to improve your workflow.
And last but not
least, in 4.0 we
introduced the Motion Editor.
And to talk to you about
Motion Editor, Paris and John.
PARIS HSU: Thanks, Nicolas.
So yes, it is a
very exciting day.
Today Motion Editor
hits alpha, and it's
available in Android
Studio 4.0 Canary 1.
Before we dig a little
deeper into Motion Editor,
I would just like to take
you down the trip on memory
lane for the Motion Editor.

Spanish: 
Esto permite saber en qué lugar se definió
el atributo específico.
Luego,
pueden navegar al atributo en Studio.
Les voy a mostrar otra función genial.
Si voy a ese archivo de un color,
mostrará el selector de color nuevo
que agregamos
y puedo cambiar el color por otro.
No soy diseñador,
así que quizás no combinen.
Pero si lo hago y aplico los cambios,
podrán ver que se replica rápidamente.
Es una herramienta muy conveniente
para mejorar el flujo de trabajo.
Por último, en 4.0
agregamos el editor de movimiento.
Paris y John hablarán sobre eso.
Gracias, Nicolas.
Es un día muy emocionante.
Hoy el editor de movimiento pasa a Alfa
y está disponible en Android Studio 4.0
y Canary 1.
Antes de profundizar
sobre el editor de movimiento,
me gustaría repasar un poco
su historia.

English: 
So it starts out at last
year's IO when we first
announced that we're
going to support
tooling for animation for motion
layer library that was built
by John and Nicolas, who
really sets out to produce
these libraries and
tooling to really help
you create layouts and
animation easier and quicker.
And so they first
showed you the first UI
that we worked on
for Motion Editor.
And at the time, it focuses
on single transition editing.
So you can see that it's
really just one timeline,
and you can play the
animation and assign
different key frames.
That brings us to ADS of
last year, which we actually
got an upgrade for some
of the API features
from early motion
layout adapters.
John and Nicolas
made some changes.
We have these new features
called multi-state transitions.
So we also ran multiple
usability studies
at the time for the
first UI that you saw.
This is also the time that we
first announced Project Marble,
and so this actually halted the
development of Motion Editor,
but it gave UX some time
to really think through,
do some design
sprints, on how we

Spanish: 
Nació en el I/O del año pasado
cuando anunciamos
que admitiríamos herramientas
para la biblioteca de capa
de animación y movimiento,
que crearon John y Nicolas,
tanto la biblioteca y la herramienta
para ayudarlos a crear diseños
y animación más rápido.
Ya vieron la primera IU
en la que trabajamos
para el editor
de movimiento.
Antes, se enfocaba
en la edición de una sola transición.
Es una línea de tiempo
en la que pueden reproducir la animación
y asignar diferentes marcos de trabajo.
En ADS del año pasado,
actualizamos algunas funciones de la API
de los adaptadores
de diseño de movimiento anteriores.
John y Nicolas
hicieron algunos cambios.
Tenemos funciones nuevas
llamadas transiciones de varios estados.
Realizamos varios estudios de usabilidad
para la primera IU que vieron.
Fue en la época
que anunciamos Project Marble
y eso frenó el desarrollo
del editor de movimiento
pero le dio al equipo de UX
tiempo para pensar
y realizar pruebas de diseño

Chinese: 
在去年的 I/O 大会上 我们第一次宣布
我们要提供动画和动效库的工具
由 John 和 Nicholas 负责构建
他们想要通过这些代码库和工装来真正帮助大家
更轻松地创建布局和动画
他们先是展示了初版的 Motion Editor UI
当时它的主要关注点是单一动画编辑
大家可以看到 它只是一条时间线而已
你可以播放动画 分配不同的关键帧
在去年的 ADS 中 我们经由早期动效布局适配器
对一些 API 功能进行了升级
我们加入了一些新功能 比如多状态切换
John 和 Nicholas 做出了一些改动
我们还在第一版 UI 发布时进行了多次可用性研究
那时也是我们首次推出 Project Marble 
这些工作推迟了 Motion Editor 的研发
但同时也为 UX 提供了一些时间
用来仔细考虑 进行设计冲刺 思考如何展示这些多状态功能

Portuguese: 
Ela começa no I/O do ano passado,
quando anunciamos
que teríamos compatibilidade
com ferramentas de animação
para a biblioteca de movimento
por John e Nicolas, que produziram
essas bibliotecas e ferramentes
para, de fato, ajudar vocês
a criar layouts e animação
com mais facilidade e rapidez.
Eles mostraram a primeira IU
em que trabalhamos para
o Editor de movimento.
Na época, o foco eram as
edições de transições únicas.
Vocês podem ver que é
apenas uma linha de tempo.
Podem reproduzir a
animação e atribuir
diferentes frames-chave.
Isso nos leva para o ADS do
ano passado, quando
fizemos um upgrade para
alguns recursos da API
desde os primeiros adaptadores
de layout de movimento.
John e Nicolas
fizeram algumas mudanças.
Temos estes novos recursos,
"transições de estados múltiplos".
Também realizamos
estudos de usabilidade
na época para a primeira
IU que vocês viram.
Foi nessa época também
que anunciamos o Projeto Marble.
E isso impulsionou o desenvolvimento
do Motion Editor,
mas deu à UX tempo para repensar,
criar design sprints sobre como

Japanese: 
ジョンとニコラが開発した
MotionLayoutライブラリの
アニメーション用ツールの
サポートを発表しました
このライブラリやツールでは
レイアウトやアニメーションを
手軽に作成できます
Motion Editorの最初期のUIは
遷移１つを編集するもので
アニメーションを再生し
キーフレームを割り当てることができます
昨年のADSでは
初期のMotionLayoutの
API機能の一部をアップグレードしました
ジョンとニコラが変更を加えました
また多状態遷移という新機能があります
最初のUIのユーザビリティスタディも
実施しました
またProject Marbleを発表し
Motion Editorの開発を一時中断しました
この間にユーザーエクスペリエンスを再検討し
異なる多状態の表現に関する
デザインスプリントを行いました

Indonesian: 
Fitur ini dimulai pada I/O
tahun lalu saat pertama kalinya
kami mengumumkan
bahwa kami akan mendukung
alat untuk animasi library
lapisan motion yang dibuat
oleh John dan Nicolas, yang
sangat bertekad dalam membuat
library dan alat ini untuk membantu
Anda membuat tata letak dan
animasi dengan lebih mudah dan cepat.
Mereka pertama kali menunjukkan UI
yang kami kerjakan untuk Motion Editor.
Dan pada waktu itu, fokusnya
adalah pada satu pengeditan transisi.
Jadi dapat dilihat
hanya ada satu linimasa,
dan Anda dapat
mengatur animasi dan menetapkan
berbagai bingkai utama.
Ini mengingatkan kita
pada ADS tahun lalu, saat kami
mendapat upgrade
untuk beberapa fitur API
dari adaptor lapisan motion sebelumnya.
John dan Nicolas membuat perubahan.
Ada fitur baru
bernama transisi multi-status.
Kami melakukan
beberapa penelitian kegunaan
saat itu untuk UI pertama yang Anda lihat.
Ini juga saat kami pertama
kali mengumumkan Project Marble,
jadi, sebenarnya ini
menghentikan pengembangan Motion Editor,
namun ini memberi UX waktu
untuk membuat pertimbangan,
melakukan desain singkat, terkait cara

Korean: 
Motion Editor는 작년 
Google IO에서 존과 니콜라스가 설계한
모션 레이어 라이브러리를
위한 애니메이션용 툴을
지원하겠다고 발표하면서 
개발이 시작되었습니다
당시 이 두 사람은 
여러분이 레이아웃과 애니메이션을
보다 손쉽고 빠르게 만들 수 있도록 
이러한 라이브러리와 툴을
제작하는 데 착수했습니다
그리고 그들은 이후 저희가 
Motion Editor를 개발하는 데 기초가 된
첫 번째 UI를 처음 선보였습니다
당시에 이 UI는
단일 전환 편집에 주안점이 있었습니다
보시면 이건 실제로 
하나의 타임라인에 불과합니다
여기에서 여러분은 
애니메이션을 재생하고
서로 다른 키 프레임을
할당하실 수 있습니다
이는 작년의 ADS
개발로 이어졌고 저희는 ADS에서
초기 Motion Layout
어댑터의 API 기능 중 일부를
업그레이드했습니다
John과 Nicolas가 몇 가지를 변경한 것이죠
그 결과 저희는 다중 state 전환이라는 
새로운 기능을 갖게 되었습니다
또한 여러분이 보셨던 
첫 번째 UI 개발 당시 저희는
가용성 연구를 여러 차례 수행했습니다
당시는 저희가 Project Marble을
처음으로 발표한 때이기도 한데
이로 인해 Motion Editor
개발이 중단되었습니다
하지만 그 덕분에 UX 디자이너가 
좀 더 면밀한 검토를 하고
다양한 다중 state 기능을 
표현하는 방법에 대해

English: 
can represent these different
multi-state features.
And so that brings us to IO this
year, where John and Nicolas
was able to show you this
kind of crazy sticky notes
animation playing in the
second iteration of the UI,
and it's really because
of Project Marble
we were able to kind of
have that performance.
And so it was also
the day that John
announced that his
whole job from then
will be the Motion Editor.
So today we're happy to
show you our first iteration
of the new UI,
our Motion Editor.
We ran multiple studies, and
hopefully this can really
help you with your workflow.
So I'm going to go
straight into it
and give you a little quick demo
of what it works, how it works.
So this is a lay editor.
I have a constrained layout.
I have an image that's
center constrained,
and I have a button.
Now I'm just going
to right click
on this constrained
layout and I'm
going to select convert
to motion layout.
This dialogue tells
you that we'll
convert this motion layout.
We'll actually add a
separate scene file
in your XML directory.
So when that's
done, Motion Editor

Spanish: 
sobre cómo representar
estas funciones de varios estados.
En el I/O de este año, John y Nicolas
les mostraron una animación divertida
de notas adhesivas
que se reproducen
en la segunda iteración de la IU
Es gracias a Project Marble
que logramos ese rendimiento.
El mismo día, John anunció
que se dedicaría exclusivamente
al editor de movimiento.
Hoy nos complace mostrarles
nuestra primera iteración
de la IU nueva,
nuestro editor de movimiento.
Hicimos varios estudios y esperamos
que los ayude con su flujo de trabajo.
Comenzaré directamente con el tema
y les daré una demostración rápida
del funcionamiento.
Este es un editor de capas.
Tengo un diseño restringido.
Tengo una imagen restringida en el centro
y tengo un botón.
Haré clic con el botón derecho
en este diseño restringido
y lo convertiré
en un diseño de movimiento.
En este diálogo,
se indica que convertiremos este diseño.
Agregamos un archivo
de escena por separado
en el directorio de XML.
Una vez terminado,
aparece el editor de movimiento

Korean: 
디자인 스프린트를 진행할 수 있는
시간을 가질 수 있었습니다
그 결과 존과
니콜라스는 올해 열린 IO에서
UI의 두 번째 버전에서 
이처럼 멋진 스티커식 메모를
선보일 수 있었습니다
Project Marble이 있었기에
이러한 성능을 갖게 된 것이죠
그날은 또한 존이 앞으로
Motion Editor 개발에
전념하겠다고
발표한 날이기도 합니다
그리고 오늘 저희는 
새로운 UI인 Motion Editor의
첫 번째 버전을
보여드리게 되어 기쁘게 생각합니다
저희는 여러 번의 연구를 수행했고
이 툴이 여러분의 워크플로에
도움이 될 수 있기를 바랍니다
이제 본론으로 들어가서
이 툴이 어떤 작업을 어떻게
수행하는지 간단히 시연해 보겠습니다
이것은 Lay Editor입니다
여기 Constraint가 
설정된 레이아웃이 있습니다.
중앙 제한이 설정된 이미지입니다
그리고 버튼이 있습니다
이제 이 제한이 설정된 레이아웃 위에서
마우스를 오른쪽 버튼으로 클릭하고
'Convert to MotionLayout'을
선택해 보겠습니다
그러면 대화창에 레이아웃을
Motion Layout으로 전환하고
별도의 장면 파일을
XML 디렉토리에 추가하겠다는
메시지가 표시됩니다
완료가 되면
Motion Editor가 나타납니다

Chinese: 
在今年的 I/O 大会上 John 和 Nicholas 为大家展示了这个
疯狂舞动便利贴的动画效果 它是在第二次 UI 迭代中播放的
正是因为 Project Marble 我们才能拥有这样的性能表现
就在同一天 John 宣布 他今后专门负责 Motion Editor 方面的工作
今天 我们很高兴地向大家展示
我们的 Motion Editor 的新 UI 的首次迭代
为此我们进行过多次调研 
希望我们的工作能够帮助大家完善自己的工作流程
下面我就直入主题 为大家进行一个简单的演示
让大家看看它的作用是什么 原理是什么
这里是 Layout Editor 中的一个约束式布局
这里有一个被约束在中部的图像 以及一个按钮
下面我来右击这个约束式布局
并选择 转换到动效布局
这个对话告诉你 我们会转换这个动效布局
我们还会在你的 XML 目录里添加一个单独的场景文件
在这些工作完成后 Motion Editor 会出现

Indonesian: 
menampilkan
berbagai fitur multi-status ini.
Ini membawa kita ke I/O
tahun ini, saat John dan Nicolas
dapat meluncurkan
animasi sticky note yang luar biasa,
yang berjalan di iterasi kedua UI,
dan ini berkat Project Marble,
sehingga kami dapat
mengembangkan performa tersebut.
Dan ini juga hari saat John
mengumumkan bahwa
ia akan sepenuhnya berfokus
untuk mengerjakan Motion Editor.
Hari ini kami sangat
senang bisa menunjukkan iterasi
UI baru pertama kami, Motion Editor.
Kami menjalankan beberapa
penelitian, dan semoga ini dapat
membantu memudahkan alur kerja Anda.
Saya akan langsung membahasnya
dan memberikan demo singkat
mengenai kemampuan dan cara kerjanya.
Ini tampilan editornya.
Tata letaknya dibatasi.
Ada gambar yang dibatasi di tengah,
dan ada tombol di sini.
Kini saya akan mengklik kanan
pada tata letak ini dan saya
akan memilih
konversikan ke tata letak motion.
Dialog ini memberi tahu rencana
konversi tata letak motion.
Kita akan tambahkan
file scene yang terpisah
di direktori XML.
Setelah selesai, Motion Editor akan

Japanese: 
今年のI/Oでジョンとニコラは
UIの第２イテレーションの
このちょっと突飛な
付箋アニメーションを披露しましたが
それを可能にしたのが
Project Marbleです
またジョンは
今後Motion Editor一本に
専念することを発表しました
そして本日は
Motion Editorの
新しいUIの最初のイテレーションを披露します
スタディを数回実施しており
皆さんのワークフローに役立てば幸いです
ではさっそく
機能の簡単なデモをお見せします
ConstraintLayoutがあり
中央の画像と
ボタンが１つあります
右クリックして
[Convert toMotionLayout]を選択します
するとXMLディレクトリに
シーンファイルが追加されます
処理が済むと

Portuguese: 
podemos representar esses
diferentes recursos de estados múltiplos.
E isso nos leva ao I/O deste
ano, quando John e Nicolas
mostraram essas incríveis
animações de notas
adesivas, reproduzidas na
segunda iteração da IU.
E, por causa do Projeto Marble,
pudemos ter esse desempenho.
Foi nesse dia que John
anunciou que todo o trabalho dele
a partir dali
seria com o Editor de movimento.
Hoje, temos o prazer de
mostrar nossa primeira iteração
da nova IU, nosso Editor de movimento.
Realizamos vários estudos, e
esperamos que isso possa
realmente ajudar vocês
com seu fluxo de trabalho.
Vou direto a ela
e fazer uma rápida demonstração
de como ela funciona.
Este é um editor de layouts.
Tenho um layout limitado.
Tenho uma imagem que tem
restrições no centro
e tenho um botão.
Agora, vou apenas clicar
com o botão direito do mouse
nesse layout restrito e
selecionar "Convert to
motion layout".
Esta caixa de diálogo diz que
converteremos esse layout de movimento.
Na verdade, adicionaremos um
arquivo de cenas separado
ao seu diretório XML.
Quando terminar, o Editor

Spanish: 
porque ahora
hay un diseño de movimiento.
En el archivo de escena,
incluimos limitaciones de inicio
y fin definidas
y una transición de inicio a fin.
Lo que haré es hacer clic
en este conjunto de limitaciones de inicio
para mover este droid
a la parte superior izquierda
de la pantalla en la superficie de diseño.
Luego, iré a mi conjunto
de limitaciones de fin
y lo moveré a otro lugar.
Ahora que tengo el comienzo y el fin
de mi animación,
si hago clic en esta transición,
pueden ver
que se dibujó e interpretó la ruta.
Si la reproduzco, el droid se mueve.
Puedo desplazarme en diferentes rutas
a lo largo de esta animación.
Supongamos que en el medio
quiero cambiar un poco la posición.
Cambiaré la ruta un poco a la izquierda
y pueden ver que se cambió la ruta.
Si reproduzco esta animación,
se ve bastante bien.
Lo último que haré
es agregar un evento de clic en el botón

Indonesian: 
muncul karena kini
tata letak motion telah tersedia.
Kami sebenarnya memicu file scene
dengan kumpulan
batasan awal dan batasan akhir
serta transisi dari awal ke akhir.
Saya akan
mengklik kumpulan batasan awal,
memindahkan droid ini ke pojok kiri atas
layar di permukaan desain.
Lalu saya akan
membuka kumpulan batasan akhir
dan memindahkannya ke tempat lain.
Setelah membuat awal animasi
dan akhir animasi,
kini jika mengklik transisi ini,
dapat dilihat kami
telah menggambar jalurnya
dan menginterpretasikannya.
Jika saya putar, droid akan bergerak.
Dan saya dapat
men-scroll ke berbagai jalur
di sepanjang garis animasi ini,
dan gambar tidak berpindah
dari titik tengah, jadi saya akan sedikit
mengubah posisinya.
Saya akan mengubah
jalurnya sedikit ke kiri,
dan dapat dilihat kini
jalurnya telah berubah.
Dan jika animasi diputar,
ini terlihat cukup bagus.
Saya akan melakukan satu hal terakhir
dan mengklik peristiwa pada tombol

English: 
shows up because we
now have motion layout.
So we actually kick started
the scene file for you
with a start constraint
set and end constraint
set and a transition
going from start to end.
So what I'm going to
do is I'm actually
going to click on this
start constraint set,
just going to move this
droid to the top left
corner of the screen
on the design surface.
And then I'm going to go
to my end constraint set
and just move it somewhere else.
So now that I have the
beginning of my animation
and then the end
of my animation,
if I now click on
this transition,
you can see that we've
already drawn the path for you
and interpreted the path.
If I play it, the
droid is moving.
And I can actually scroll
through different paths
along the lines
of this animation,
and that just says at
midpoint I would like to alter
the position a little bit.
So I'm going to just change the
path to the left a little bit,
and you can see now
the path has altered.
And if I play this
animation, I'm like,
this looks pretty good.
So I'm just going to
do one final thing
and add a click
event on the button

Chinese: 
因为我们现在已经有了一个动效布局
所以 我们等于是使用
启动约束集 结束约束集 以及一个从头到尾的动画
来启动了这个场景文件
下面 我要点击这个启动约束集
把这个小绿人移动到屏幕左上角
然后 我前往结束约束集 把它移动到别处
现在 我有了动画的开头和结尾
如果我点击这个转换
大家就可以看到 我们已经为你绘制了路径
如果我播放它 小绿人就会开始移动
我还可以在动画各处选择不同的路径
比如 在中点处 我想微调一下位置
那么 我把路径向左挪动一点
现在大家可以看到 路径被改动了
我认为这个动画播放起来效果不错
所以 我最后在按钮上添加一个点击事件

Japanese: 
Motion Editorが表示されます
シーンファイルが開き
開始制約と終了制約を設定すると
開始から終了まで遷移します
次にConstraintSet startを
選択して
デザインサーフェスの左上に
ドロイド君を動かし
ConstraintSet endを選択して
ドロイド君を別の場所に移動します
これでアニメーションの
開始点と終了点ができました
この遷移をクリックすると
パスが自動的に描画され
解釈されます
再生するとドロイド君が動きます
このアニメーションのパスを
スクロールしてたどれます
中間地点の位置をずらしたい場合は
パスを少し左に移動させると
このようにパスが変更されます
再生してみると
悪くないですね
最後にクリックイベントをボタンに追加して

Korean: 
이제 Motion Layout이 
생겼기 때문이죠
저희는 우선 여러분들이
시작 ConstraintSet, 종료 ConstraintSet,
시작에서 종료로 가는 전환을 사용하여
장면 파일을 만들 수 있도록 했습니다
이제 시작 ConstraintSet를
클릭한 다음
드로이드를 디자인 표면
좌측 상단 구석으로 옮기겠습니다
그런 다음
종료 ConstraintSet를 클릭하고
드로이드를 다른 위치로 옮기겠습니다
이제 애니메이션이 시작과 종료를
갖게 되었습니다
이제 전환을 클릭하면
경로가 이미 그려져 있고
해석된 것을 보실 수 있습니다
재생 버튼을 누르면 드로이드가 움직입니다
애니메이션의 선을 따라 
다양한 경로를 지나도록
스크롤할 수 있고
중간 지점에서 위치를 약간
변경할 수도 있습니다
그럼 경로를 왼쪽으로
조금 변경해 보겠습니다
이제 경로가 변경된 것을
볼 수 있습니다
이 애니메이션을 재생해서
마음에 든다고 생각하면
마지막으로
버튼에서 클릭 이벤트를 추가하여

Portuguese: 
aparecerá, porque agora temos
layout de movimento.
Iniciamos o arquivo de cenas para vocês
com "Start Constraint Set" e
"End Constraint Set"
e uma transição do início ao fim.
O que vou fazer é
clicar em "Start Constraint Set"
e mover este droid para o canto superior
esquerdo da tela na superfície de design.
E vou para "End Constraint Set"
e movo para outro lugar.
Agora que tenho o início e o fim
da minha animação,
clico nesta transição.
Vejam que já desenhamos e
interpretamos o caminho
para vocês.
Se eu reproduzi-lo, o droid se move.
Posso me deslocar entre
diferentes caminhos
das linhas desta animação,
e ela me informa o ponto central
em que eu gostaria de alterar
a posição um pouco.
Vou apenas mudar o caminho
um pouco para a esquerda,
e vocês podem ver agora
que o caminho foi aletrado.
Se eu reproduzir essa animação,
vai precer correto.
Vou fazer uma última coisa
aqui: adicionar um evento de
clique no botão

Japanese: 
遷移を開始できるようにします
それが済んだら
エミュレータで再生します
このボタンをクリックすると
ドロイド君が動きます
１つもコードを書かずに完成しました
次にジョンが
MotionLayoutを簡単に紹介します
後ほど深く掘り下げていきますが
その前にMotionLayoutとは何かを
簡単にご紹介したいと思います
まずConstraintLayout 2.0
Beta 3です
エディタを使用するならBeta 3が必要です
この２つは円滑に連携するよう設計されています
両者の開発を同時に進めていて
完成は２四半期以内の予定です
本当に?
MotionLayoutとは何か

Chinese: 
以便启动这个动画过程
此后 如果我在模拟器中播放它 并点击这个按钮
小绿人动起来了
请看 我们无需任何代码就完成了这个工作
说到代码 请 John 来为大家讲讲 Motion Layout
在我讲完这部分之后 我们会进一步探讨每个细节
首先 我们来简要地讲讲 Motion Layout 是什么
现在我们有 Constraint Layout 2.0 Beta 3
想要使用编辑器 就需要使用 Beta 3 版本
我们的设计意图就是让二者结合起来运作
我们也会把它们合并在一起进行改动
改动将在接下来的两个季度中完成
大概吧
那么 什么是 Motion Layout 呢？

Portuguese: 
para iniciar esta transição.
Quando terminar...
e se eu reproduzi-lo no emulador
e clicar neste botão,
o droid vai se mover.
Vejam que fiz isso sem qualquer código.
Falando em códigos, vou chamar
o John para falar um pouco
sobre o Motion Layout.
E vamos nos aprofundar
em todas essas partes depois disso.
Primeiro, vamos ver um pouco
sobre o que é o Motion Layout.
Primeiro, temos o Constraint
Layout 2.0 Beta 3.
Se você usar o editor,
precisará usar a Beta 3.
Eles foram desenvolvidos
para trabalhar juntos.
De fato, estaremos caminhando
para concluí-los nos próximos
seis meses.
Quem sabe?
E o que é o Motion Layout?

Indonesian: 
guna memulai transisi.
Setelah melakukannya--
dan jika diputar di emulator,
dan saya klik tombol ini, berhasil,
droid-nya bergerak.
Dapat dilihat saya
melakukan ini tanpa kode apa pun.
Bicara tentang kode,
John akan membahas
sedikit Motion Layout.
-Dan kita akan
membahas lebih jauh setelah ini.
Namun pertama, mari kita
bahas sedikit apa itu Motion Layout.
Pertama kami meluncurkan
Constraint Layout 2.0 Beta 3,
dan jika akan menggunakan
editor, gunakanlah versi Beta 3.
Alat ini dirancang
untuk digunakan bersama,
dan kami akan menyelesaikan perubahan
pada keduanya dalam dua kuarter ke depan.
Mungkin saja kan?
Apa itu Motion Layout?

English: 
to initiate this transition.
So once I've done that--
and if I play it in
the the emulator,
and if I just click
on this button, yay,
the droid is moving.
So you see I've done
that without any code.
But speaking of code,
I'm going to bring
John to tell you a little
bit about Motion Layout.
JOHN HOFORD: And
we'll dig deeper
into all the pieces after this.
But first let's cover a small
view of what is Motion Layout.
So first we have Constraint
Layout 2.0 Beta 3,
and if you're going to use the
editor, you need to use Beta 3.
They're designed
to work together,
and in fact we'll be
evolving the two of them
together to a completion
within the next two quarters.
Who knows?
So what is Motion Layout?

Spanish: 
para iniciar esta transición.
Una vez terminado,
si lo reproduzco en el emulador
y hago clic en este botón,
el droid se mueve.
Y lo hice sin código.
Hablando de código, John les contará
sobre el diseño de movimiento.
Después de esto, profundizaremos
en todos los elementos.
Primero, veamos una pequeña parte
del editor de movimiento.
Tenemos Constraint Layout 2.0 Beta 3
y, si usan el editor,
deben utilizar Beta 3.
Están diseñados
para funcionar juntos.
De hecho,
los actualizaremos a una versión final
en los próximos dos trimestres.
Quién sabe.
¿Qué incluye el diseño de movimiento?

Korean: 
이 동작을 실시합니다
여기까지 마친 후
에뮬레이션에서 이를 재생하고
이 버튼을 클릭하면
네, 드로이드가 움직이네요
보셨다시피 저는 이 작업에서
어떤 코드도 사용하지 않았습니다
코드 이야기가 나왔으니
존이 Motion Layout에 대해
말씀드리도록 하겠습니다
이제는 좀 더
자세한 이야기로 들어가 보겠습니다
그 전에 Motion Layout이
무엇인지 간단히 살펴보죠
우선 저희에게는 Constraint 
Layout 2.0 Beta 3이 있습니다
편집기를 사용하실 것이라면
Beta 3을 사용하셔야 합니다
이 둘은 함께 작동하도록 설계되었습니다
그리고 저희는 이 둘을 함께 발전시켜
다음 2분기 내로 완성작을 내 놓을 것입니다
누가 알겠어요?
그럼 Motion Layout이란 뭘까요?

Portuguese: 
Nós o chamamos de "Motion", porque
não é apenas animação.
Quando você abre uma barra
deslizante ou inicial
ou se desloca para cima ou
tem uma página de visualização,
algum tipo de animação
está ocorrendo.
Há movimento acontecendo, e não é
apenas uma animação linear direta.
Ela pode ir para trás ou para a frente.
De fato, você pode criar uma
animação desse tipo para
ter duas dimensões dela.
Você se move, e durante o movimento,
ela também salta ou faz lgo assim.
Portanto, o Motion Layout funciona
nesse tipo de ambiente.
Essencialmente, ele é uma subclasse
do Constraint Layout.
Ele está nos seus layouts.
Tudo o que você já conhece
do Constraint Layout
está no Motion Layout.
Mas nós o deixamos um pouco diferente.
O arquivo de layout é igual ao seu
arquivo de layout normal,

English: 
We call it motion, because
it's not just animation.
When you open up a
swiping or opening bar,
or you're scrolling up,
or you have a view page,
there's sort of
animation happening.
There's motion happening,
but it's not just
a straight linear animation.
It can go backwards
and forwards.
And in fact, you can make
animations that sort of have
two dimensions to it.
You're moving, and
when it's moving
it's also bouncing, or
something like that.
So Motion Layout works in
that kind of environment.
But essentially Motion
Layout is a subclass
of Constraint Layout.
So it's in your layouts.
Everything you're familiar
with with Constraint Layout,
it has it in Motion Layout.
But we do it a little
bit different in it.
The layout file is like
your normal layout file

Indonesian: 
Kami sebut motion,
karena ini bukan sekedar animasi.
Saat membuka menu penggeser atau pembuka,
atau saat men-scroll ke atas,
atau saat melihat halaman tampilan,
ada semacam animasi yang terjadi.
Itulah motion, yang bukan hanya
animasi linier yang lurus.
Ini dapat bergerak mundur dan maju.
Bahkan, Anda dapat
membuat animasi yang memiliki
dua dimensi.
Anda menggerakkannya, dan saat bergerak
objek bisa memantul,
atau semacamnya.
Jadi, Motion Layout
berfungsi di lingkungan ini.
Tapi, Motion Layout adalah subclass
dari Constraint Layout.
Jadi ini berada di lingkungan tata letak.
Semua yang Anda
tahu tentang Constraint Layout,
dapat ditemukan di Motion Layout.
Tapi ada sedikit perbedaan di dalamnya.
File tata letaknya
seperti file tata letak biasa

Spanish: 
Se llama "de movimiento"
porque no solo es animación.
Cuando abren una barra deslizante
se desplazan hacia arriba
o tienen una página de vista,
hay animaciones,
hay movimiento,
pero no una animación lineal derecha,
se puede avanzar y retroceder.
De hecho,
pueden crear animaciones bidimensionales.
Cuando hay movimiento,
también hay rebotes o algo parecido.
El diseño de movimiento funciona
en ese tipo de entorno, pero...
Básicamente, es una subclase
del diseño de restricciones,
por lo que se encuentra en sus diseños.
Todas las funciones familiares
del diseño de restricciones
están en el diseño de movimiento.
Aunque hay algunas diferencias.
El archivo de diseño es
como el archivo de diseño normal

Korean: 
저희는 모션이라고 했습니다
왜냐하면 애니메이션이 아니니까요
스와이프 막대 또는 열기 막대를 열거나
위로 스크롤하거나 보기 페이지가 표시될 때
어떤 애니메이션이 실행됩니다
어떤 동작이 발생하고 있는 것이죠
하지만 그것은 단순한
선형 애니메이션이 아닙니다
앞으로 뒤로 이동할 수 있죠
사실 여러분은 2차원의 평면을 갖는
애니메이션을 만들 수 있습니다
움직이기도 하고
튀어 오르기도 하게 말이죠
따라서 Motion Layout은 
이러한 환경에서 작동합니다
하지만 근본적으로 Motion Layout은
Constraint Layout의 하위 클래스입니다
따라서 Motion Layout은 
여러분의 레이아웃에 포함되어 있습니다
Constraint Layout에서
익숙한 부분은 모두
Motion Layout에 들어 있습니다
그러나 저희는 
약간 다른 방식을 사용합니다
레이아웃 파일은 
보통의 레이아웃 파일과 같습니다

Japanese: 
モーションは単なるアニメーションでは
ありません
バーをスワイプしたり開いたり
上にスクロールしたりすると
アニメーションというか
モーションが表示されますが
一方向だけでなく
行ったり来たりさせることができます
またほかにも
動きながら跳ねるような
アニメーションを作成することもできます
MotionLayoutは
そうした環境で機能します
MotionLayoutは
ConstraintLayoutのサブクラスであり
レイアウトの中にあります
MotionLayoutは
ConstraintLayoutを
継承していますが
異なる点もあります
レイアウトファイルには
layoutDescriptionがあり

Chinese: 
Motion 的意思是 它不仅是一个动画
当你打开滑动栏或启动栏 或是向上滚动 或是处理视图页面的时候
这些东西里面都会出现某种形式的动画和动效
并不是简单的线性动画
它可以后退 前进 
你甚至可以制作内含两个维度的动画
它在移动的同时还会产生弹跳等效果
这就是 Motion Layout 的工作环境
不过 本质上 Motion Layout 是 Constraint Layout 的一个子类
大家熟悉的 Constraint Layout 特性
都会出现在 Motion Layout 之中
不过 二者之间存在一些细微的差异
布局文件看起来就像是常规的布局文件

Japanese: 
MotionSceneファイルを参照します
MotionSceneファイルには
ConstraintSetがあり
そこにレイアウトの要素が記録されています
wrap_contentや
marginなどです
ConstraintLayoutで
使っていた設定を
シーンで複数持てます
ConstraintSetの数は無制限で
UIの状態と考えることができます
１つのファイルでUIの複数の状態を持ち
これらの状態をさまざまな形で使用できます
チェックボックスである
チェックボックスではない
などの状態を持つことができます
状態に加えて状態間の遷移もあります

Chinese: 
但它拥有一个布局描述 而这个描述指向 motion_scene 文件
motion_scene 文件内含约束集
这些约束集抓取了布局中的各种元素
其中包括封装内容 边限 等等
也就是你在 Constraint Layout 中使用的所有东西
不过 现在你可以在自己的场景中布置多个这样的元素
你想布置多少个约束集都可以
你可以把约束集看作你的 UI 的状态
现在 你的一个文件拥有多个适合你的 UI 的状态
你可以用各种不同的方法使用这些状态
比如勾选框的选中和非选中状态 连接或不连接 等等
但是 除了各种状态 现在你还要考虑各种状态之间的转换

English: 
but it has a layout description,
which is pointing to the motion
scene file.
The MotionScene file
contains your constraint sets
which are essentially capturing
the elements of your layout.
It has things like
the wrap content
and the margins and
things like that.
Everything that you're used
to using in Constraint Layout,
but now you can have multiple
of them in your scene.
So you can have as many
constraint sets as you want.
And you think of
the constraint sets
then as the state of your UI.
So now you have this
thing where you're
having one file that has
multiple states for your UI,
and you can use those
states in different ways.
You can have checkboxes and not
checkbox, something connected,
not connected--
things like that.
But the other thing
is, besides the states,
now you have transitions
between states.

Spanish: 
pero tiene una descripción de diseño
que apunta al archivo
de escena de movimiento.
El archivo de escena de movimiento
contiene sus conjuntos de restricciones
que capturan los elementos de su diseño.
Tiene el contenedor de envoltura
y los márgenes entre otros elementos.
Todo lo que usan
en el diseño de restricciones
ahora lo tienen multiplicado
en su escena.
Pueden tener tantos conjuntos
como deseen.
Piensen en los conjuntos de restricciones
como el estado de su IU.
Ahora pueden tener un archivo
con varios estados para su IU
y usar los estados de distinta manera.
Pueden tener
casillas de verificación o no,
conexiones o no, etc.
Además de los estados,
pueden tener transiciones entre ellos.

Portuguese: 
mas com uma descrição dos layouts,
que aponta para o arquivo de cenas
de movimento.
O arquivo MotionScene contém
seus conjuntos de restrições,
que, basicamente, capturam
os elementos do seu layout.
Ele tem coisas como o Wrap Content,
margens e coisas desse tipo.
Tudo o que vocês estão acostumados
a usar no Constraint Layout,
podem agora ter na sua cena.
Podem ter quantos conjuntos de
restrições quiserem.
Pensem nos conjuntos de restrições
como o estado da sua IU.
Agora vocês têm
um arquivo com vários estados para sua IU
e podem usar esses estados
de diferentes maneiras.
Vocês podem ter ou não caixas
de seleção, algo conectado
ou não conectado... coisas assim.
Além dos estados, agora vocês
têm transições entre estados.

Indonesian: 
tapi memiliki
deskripsi, yang mengarah
ke file MotionScene.
File MotionScene berisi kumpulan batasan
yang menangkap elemen tata letak Anda.
Ini berisi hal menarik
seperti konten gabungan,
margin, dan banyak lagi.
Semua yang biasa
digunakan di Constraint Layout,
tapi kini Anda dapat menggunakannya
dalam jumlah banyak di scene.
Jadi Anda dapat
menggunakan banyak batasan.
Dan kumpulan batasan dapat dianggap
sebagai status UI Anda.
Kini tersedia alat tempat Anda
dapat memiliki satu file yang
berisi beberapa status untuk UI,
dan Anda dapat menggunakan
status tersebut dalam berbagai cara.
Anda dapat memilih untuk menggunakan
kotak centang atau tanpa kotak centang,
sesuatu yang terhubung atau
tak terhubung, dan semacamnya.
Hal menarik lainnya yakni, selain status,
terdapat transisi antarstatus.

Korean: 
하지만 레이아웃 파일에는 
모션 장면 파일을 가리키는
레이아웃 설명이 있습니다
MotionScene 파일은 
ConstraintSet를 포함하고 있고
ConstraintSet는 근본적으로
레이아웃의 요소를 담고 있습니다
wrap content, margin과 같이 
여러분이 레이아웃에서
익히 사용하던 것들을
담고 있는 것이죠
하지만 이제는 여러분의 화면에
이것들을 여러 개 포함시킬 수 있습니다
원하는 만큼 ConstraintSet를 가질 수 있는 것이죠
그리고 여러분은 ConstraintSet를
여러분의 UI의 state라고 생각합니다
따라서 이제 여러분은
UI의 여러 state를 포함하는
한 개의 파일을 갖게 된 것이고
여러분은 이러한 state들을
여러 방법으로 사용할 수 있습니다
확인란을 넣을 수도 
넣지 않을 수도 있고
무엇을 연결할 수도 
연결하지 않을 수도 있습니다
하지만 state 외에도
state 사이에 전환이 있습니다

Spanish: 
Una transición es una conexión
entre el estado de inicio y fin
de una transición.
En una transición,
hay OnClicks y OnSwipes,
que son las maneras
de activar la transición,
y también KeyFrameSets.
KeyFrameSets es uno de cinco tipos
de modificadores de la animación.
La animación avanza de principio a fin,
pero quizás quieran agregar
una acción en el medio
que sea un poco distinta
a una interpolación simple lineal.
En el editor, pueden graficarlas
y ver cómo avanzan.
Más adelante, hablaremos más al respecto.
A la derecha, pueden ver el código
para manipular una tabla.
Todo el programa se creó en código.
No usa XML ni nada de eso.
Si quieren, pueden codificar
el diseño de movimiento directamente.
En este caso,
es una app de gráfico escrita en código

Indonesian: 
Transisi adalah penghubung
antara status awal
dan akhir pada transisi.
Kini di transisi,
tersedia OnClicks dan OnSwipes,
yakni fitur untuk memicu transisi,
dan tersedia juga KeyFrameSets.
KeyFrameSets memiliki lima
jenis pengubah berbeda ke animasi.
Jadi animasi akan
bergerak dari awal hingga akhir,
tapi selama bergerak, Anda mungkin ingin
animasi melakukan hal lain
yang agak berbeda dengan interpolasi
linier sederhana.
Dan dapat dilihat di editor, Anda akan
dapat membuat grafis dan melihat hasilnya.
Kita akan membahasnya lagi nanti.
Namun hal lain yang akan
Anda lihat di sisi kanan, kodenya,
kode ini memanipulasi tabel.
Dan keseluruhan
program ini dilakukan dalam kode.
Ini tidak menggunakan
XML maupun fitur lainnya.
Jika ingin menulis Motion Layout langsung
dalam kode, dan
dalam kasus ini, ini adalah
aplikasi pembuatan diagram
grafis yang ditulis dalam kode,

Portuguese: 
Na verdade, uma transição é uma conexão
entre o estado inicial e o estado
final de uma transição.
Em uma transição, você tem
OnClicks e OnSwipes,
que definem como acionar sua transição,
e tem KeyFrameSets.
KeyFrameSets podem ser um dos
cinco tipos de modificadores
para a animação.
A animação vai do início ao fim,
mas talvez você queira que ela faça
algo mais do que uma simples
interpolação linear.
Aqui, vocês podem ver no editor que
posso colocá-la num gráfico e
ver como ela fica.
Vou falar sobre isso mais tarde.
Vocês também podem notar aqui à direita
que o código está manipulando uma tabela.
Todo esse programa foi criado
puramente em códigos.
Ele não usa XML e todas
essas outras coisas.
Para criar o Motion Layout diretamente
no código e, nesse caso, é um
app de gráficos criado em códigos

Korean: 
전환은 전환의 시작 state와
종료 state를 연결하는 것입니다
이제는 전환에 OnClick과
OnSwipe가 들어가 있으며
이것들을 통해 전환이 시작됩니다
다음으로 KeyFrameSet이 있습니다
KeyFrameSet은
애니메이션에 대한 다섯 가지 유형의
한정자 중 하나입니다
애니메이션은 시작에서 종료로 움직이는데
여러분은 그 사이에
단순한 선형 보간과는 다른 무엇인가를
실행하고 싶을 수 있습니다.
이 경우 이 에디터에서 보시는 것처럼
그래프를 만들고
어떻게 이동하는가를 볼 수 있습니다
이에 대해선 
나중에 더 말씀드리겠습니다
살펴볼 또 다른 것으로는 
오른쪽에 보시는 것처럼
표를 조작하는 코드입니다
그리고 이 프로그램은
모두 코드로만 실행됩니다
따라서 XML이나
다른 것을 사용하지 않습니다
Motion Layout을 직접 코드로
작성하고 싶으실 수 있는데
이 경우 Motion Layout은 
코드로 작성된 일종의
그래프 또는 차트 앱이라 할 수 있고
맞춤 구성요소를 만드는 것이라고

English: 
So a transition is
really a connection
between a starting and
ending state of a transition.
Now in a transition, you
have OnClicks and OnSwipes,
which are really how to
trigger your transition,
and then you have KeyFrameSets.
KeyFrameSets can be one of five
different types of modifiers
to the animation.
So the animation is
going from start to end,
but you might want
it to do something
in between that's a little bit
different than a simple linear
interpolation.
And here you see in
the editor, you'll
be able to graph them and
see how they're going.
We'll go more about that later.
But another thing you'll see
here on the right, the code--
it's manipulating a table.
And this whole program
was done purely in code.
So this is not using XML
and all that other stuff.
If you want to write
motion layout directly
in code, and in this
case, it's a sort
of graphing charting
app written in code,

Chinese: 
转换 本质上就是那个将转换过程的开始状态和结束状态连接起来的东西
转换包含了 OnClick 和 OnSwipe 
它们的含义是 表明什么才能触发转换
转换还包含了 KeyFrameSet 
KeyFrameSet 可能是五种动画调节器中的一种
动画从头进行到尾
但是 在这个过程中间 只有简单线性的插值也是不行的
这里我们在编辑器中看到 你可以构建一个图
看看动画是如何进行的
稍后我们再详细讲讲这方面内容
我们还可以从右图中看出 
代码正在操控一个图表
整个程序完全是通过代码运行的
并没有使用 XML 等东西
如果你想要直接用代码来编写 Motion Layout 
在本例中 也就是一个用代码写成的图表应用

Japanese: 
遷移とは
開始状態と終了状態とのつながりです
遷移にはOnClickとOnSwipeがあり
遷移をトリガーします
またKeyFrameSetがあります
KeyFrameSetは
アニメーションの５種類の修飾子の１つで
アニメーションを動かすときに
単なる線形補間とは違うことをしたい場合に
使えます
エディタでグラフを見ながら
調整することができます
後ほど詳しく取り上げます
次にこの右側では
コードで表を操作しています
このプログラムはコードだけで作成し
XMLなどは使っていません
MotionLayoutを
直接コードで書きたい方のために
このグラフアプリはコードで作成し

Spanish: 
con componentes personalizados.
Pronto lanzaremos un instructivo
sobre este tema específico.
Bien. Ahora profundizaremos
y veremos todas sus partes.
¿Paris?
Sí. Ahora que son expertos
en el diseño de movimiento
repasemos la IU
que acaban de ver
en el editor de movimiento.
El ejemplo que les mostré
era muy simple.
El editor de movimiento
admite el diseño de movimiento
por lo que es muy potente y complejo.
Repasemos la IU.
Comencemos con el piloto
y el árbol de componentes
que quizás ya conocen
si usan el editor de diseño.
Es donde pueden
arrastrar y soltar componentes
y ver la jerarquía.
Además de mostrar la vista previa,
la superficie de diseño
hace lo mismo con la animación
y sus transiciones.
Aquí también pueden generar
experiencias de autorización
como crear y borrar restricciones,
alinear y centrar cadenas
y otras funciones geniales.
Ahora hablaré sobre uno
de los paneles más nuevos.

Japanese: 
カスタムコンポーネントを作成していますが
詳しいチュートリアルを近日公開する予定です
では次に
各要素を詳しく見ていきましょう
パリス
はい
MotionLayoutはもうばっちりですね
Motion EditorのUIに
戻ります
先ほどのデモは
とてもシンプルな内容でしたが
MotionLayoutは
非常に強力ですが複雑でもあります
UIを順に紹介します
Layout Editorにもある
パレットとコンポーネントツリーは
ドラッグアンドドロップで階層を表示できます
次のデザインサーフェスは
レイアウトやアニメーション
異なる遷移のプレビューや
制約の作成 制約の削除 整列
チェーンの作成などを行えます
新しいパネルに移動します

Indonesian: 
dan pembuatan komponen kustom.
Tutorial lengkapnya
akan segera diluncurkan.
Oke.
Kini mari kita bahas lebih jauh
dan pelajari berbagai bagiannya.
Paris?
-Ya.
Setelah belajar banyak
tentang Motion Layout,
kami akan membawa Anda
kembali ke UI yang baru Anda
lihat di Motion Editor.
Dapat dilihat, demo yang saya tunjukkan
adalah contoh yang sederhana.
Motion Editor sebenarnya
ingin mendukung Motion Layout,
sehingga punya performa
yang sangat baik & kompleks.
Saya akan sedikit memandu Anda terkait UI.
Mari mulai dengan
pohon komponen dan pilotnya,
yang mungkin sudah Anda kenal jika
menggunakan Layout Editor.
Di sini Anda bisa menarik
lalu melepas komponen
dan melihat hierarki.
Selain memberi pratinjau tata letak,
kini permukaan desain
juga memberi pratinjau animasi
yaitu berbagai transisi.
Di sini Anda juga dapat
melakukan banyak pengalaman menulis
seperti membuat & menghapus batasan,
memosisikan ke rata,
tengah, dan membuat rantai,
dan semua yang diperlukan.
Kini saya akan
melanjutkan ke salah satu panel baru.

Chinese: 
并制作定制组件的话
我们会在近期推出相关的详细教程
下面我们来详细讲解一下 Motion Editor Paris
现在大家应该都已经熟悉了 Motion Layout
下面我们再看看 Motion Editor 中展示过的那个 UI
我刚才的那个演示 是一个非常简单的例子
Motion Editor 是很想支持 Motion Layout 的
所以 它可能会变得非常强大 非常复杂
下面我来为大家介绍一下这个 UI
首先来看看导航树和组件树
使用过 Motion Editor 的人应该会比较熟悉它
你可以在这里拖动-放置组件 并观察层级
设计表面 除了预览布局 还可以预览动画和各种转换动画
你还可以在这里进行大量操作
比如创建约束 删除约束 对齐 中央 创建链接 等等
下面来看一个较新的面板：Overview 面板

Portuguese: 
e criar um componente personalizado...
Logo teremos um tutorial
detalhado sobre isso.
OK.
Vamos um pouco mais fundo
e ver todas as partes diferentes.
Paris?
Sim.
Agora que vocês são especialistas
em Motion Layout,
vamos voltar para a IU que vocês
acabaram de ver no Editor de movimento.
Vocês podem ver que a demo que eu mostrei
era um exemplo bem simples.
O Editor quer compatibilidade
com o Motion Layout,
e isso pode ser bem difícil e complexo.
Vamos analisar um pouco mais a IU.
Vamos começar com o piloto e a árvore
de componentes, que vocês já 
devem conhecer, se usam
o Layout Editor.
É onde vocês podem arrastar e soltar
diferentes componentes, onde
podem analisar sua hierarquia.
A superfície de design, agora
antes de visualizar os layouts,
na verdade visualiza sua animação,
as diferentes transições.
É onde vocês também podem ter
várias experiências de criação,
como criar e excluir restrições,
alinhamento e
centralização, criar threads etc.
Agora vou passar para
um dos painéis mais novos.

English: 
and making a custom component.
And a detailed tutorial
on this will come out Soon
OK.
Now let's go for
a little deep dive
and see all the different parts.
Paris?
PARIS HSU: Yes.
So now that you're all
experts on Motion Layout,
we'll bring you back
to the UI that you just
saw on Motion Editor.
So you can see that
the demo I showed
you was a very simple example.
The Motion Editor actually
wants to support Motion Layout,
so it can be really
powerful and complex.
Let me walk you through
the UI a little bit.
So let's start with
the pilot and component
tree, which you're probably
familiar with today if you
use the Layout Editor.
It's where you can drag a drop
different components-- where
you can look at your hierarchy.
The design surface now,
besides previewing the layouts,
actually previews
your animation--
the different transitions.
It's also where you can do a
lot of the authoring experiences
like create constraint,
delete constraint, alignment,
and center create chains--
all the good stuff.
Now I'm going to move on
to one of the newer panels.

Korean: 
할 수 있습니다
이에 대한 자세한
설명 자료가 곧 제공될 예정입니다
네
지금부터는 좀 더 깊이 들어가서
다른 모든 부분들에 대해 살펴보겠습니다
패리스 씨?
예
이제 여러분 모두 
Motion Layout의 전문가가 되셨으니
Motion Editor에서 보셨던
UI로 되돌아가 보겠습니다
제가 보여드렸던 데모는
아주 간단한 예시였습니다
사실 Motion Editor는
Motion Layout을 지원하기 때문에
그 기능이 매우 강력하면서도
복잡할 수 있습니다
UI에 대해서 조금 설명해 드리겠습니다
파일럿과 구성 요소 트리에
대해서부터 말씀드리겠습니다
Layout Editor를 사용하신다면
익숙하신 것들일 텐데요
여기에서 서로 다른
구성 요소들을 드래그 앤 드롭할 수 있고
계층구조를 볼 수도 있습니다
디자인 표면에서는 
레이아웃의 미리보기뿐 아니라
다양한 전환과 애니메이션의 미리보기가
표시됩니다
또한 여기에서
Constraint 만들기, Constraint 삭제,
정렬, 중앙 생성 체인 등
다양한 제작 작업을 수행할 수 있습니다
이제 새로운 패널로 가보겠습니다

Chinese: 
Overview 面板分为两个不同的区块
其一是创建图标 其二是概览图
创建图标只是一些非常简单的操作
让你可以快速为你的 Motion Layout 搭建出动画结构
下面我们来看看它们的实际表现
这里是一个已经被我启动了的图
不过我还可以创建更多的约束集
在这里 我要再创建一个 end2
我还要再创建一个从开始到 end2 的转换动画
此后 大家可以看到转换箭头出现了 我可以选中它
最后 我要在这个转换中添加一个滑动事件
大家可以参考另外的图例
下面来看第二个区块 也就是概览图
我们想通过概览图来尝试向大家提供非常视觉化的场景文件演示
我们也会在这里添加不同的组件

English: 
This we're calling
the Overview panel.
The Overview panel really
has two different sections.
One is the creation icons, and
the other-- overview graph.
So for the creation icons.
These are really just
really simple actions
that we created to
help you quickly build
a graph and the
elements that you
have for your motion layout.
So if you see them
in action, here I
have the graph that
I already started.
But I can actually create
more constraint sets.
In this game I'll
create another end2.
I'm also going to create
another transition that
goes from just start to the
end2 that I just created.
And once I do that, you can
see a transition arrow actually
goes through that,
and I can select it.
One final thing I'm
just going to do
is to add a swipe event
on that transition.
You can see a different
legend for that.
And so I'm going to move on
to that second section, which
is the overview graph.
This overview graph
is really our attempt
of trying to give you a
very visual representation
of your scene file.
So this is actually
where we kind of place
the different components.

Portuguese: 
É o que chamamos de painel "Overview".
Esse painel tem duas seções diferentes.
Uma são os ícones de criação;
a outra é o gráfico de visão geral.
Os ícones de criação
são apenas ações simples
que criamos para ajudar vocês a
criarem rapidamente
um gráfico e os elementos que vocês
têm para o Motion Layout.
Vejam aqui na prática.
Tenho o gráfico que já iniciei.
Mas eu posso criar mais
conjuntos de limitações.
Neste jogo, vou criar outro end2.
Vou também criar outra transição que
vai apenas do início ao end2
que acabei de criar.
Depois disso, vocês
podem ver uma seta de transição
indo aqui, e eu posso selecioná-la.
Uma última coisa que vou fazer
é adicionar um evento de deslize
nessa transição.
Vocês podem ver uma legenda
diferente para isso.
Vou passar para esta segunda
seção, que é o
gráfico de visão geral.
Esse gráfico de visão geral
é, na verdade, nossa tentativa
de dar a vocês uma representação
bastante visual
do seu arquivo de cenas.
É onde colocamos
os diferentes componentes.

Indonesian: 
Ini adalah Panel Ringkasan.
Panel Ringkasan
memiliki dua bagian berbeda.
Yang satu adalah Ikon Kreasi,
dan yang lain adalah Grafik Ringkasan.
Untuk ikon kreasi.
Ini adalah tindakan yang sangat sederhana
yang kami buat guna membantu mempercepat
pembuatan grafik dan elemen
Anda untuk Motion Layout.
Jika dilihat, di sini
terdapat grafik yang telah saya mulai.
Tapi saya dapat
membuat kumpulan batasan lain.
Di sini, saya akan membuat end2 lain.
Saya juga akan membuat transisi lain
antara start dan
end2 yang baru saya buat.
Setelah selesai, dapat
dilihat panah transisi yang
muncul, dan saya dapat memilihnya.
Terakhir, saya akan
menambahkan peristiwa
menggeser pada transisi tersebut.
Terdapat legenda berbeda di sini.
Kini, akan saya lanjutkan ke bagian kedua,
yakni grafik ringkasan.
Grafik ringkasan ini adalah upaya kami
untuk memberi Anda representasi visual
untuk file scene.
Jadi di sini kami
menempatkan komponen yang berbeda.

Japanese: 
Overviewパネルです
２種類のセクションがあり
１つはクリエーションアイコン
もう１つは概要グラフです
クリエーションアイコンは
MotionLayout用のグラフと要素を
すばやく作成するシンプルな機能です
デモをご覧ください
グラフを開いていますが
追加でConstraintSetの
end2を作成し
さらにstartから
今作成したend2への遷移を作成すると
遷移を示す矢印が表示され
選択することができます
最後にスワイプイベントを遷移に追加すると
別のラベルが表示されます
２つ目のセクションに移ります
概要グラフです
この概要グラフでは
シーンファイルを視覚的に表現することを
試みました
こちらはMotionLayout
ConstraintSet

Spanish: 
Es el panel de descripción general.
Tiene dos secciones.
Una es el ícono de creación
y la otra, el gráfico
de descripción general.
El ícono de creación
son acciones sencillas
que creamos para ayudarlos
a crear rápidamente un gráfico
y los elementos del diseño de movimiento.
Veámoslos en acción.
Aquí tengo un gráfico que ya comencé.
Pero puedo crear
más conjuntos de restricciones.
En este juego, crearé otro final.
También crearé otra transición
que va del principio al final que creé.
Una vez que lo hago,
la flecha de transición avanza
y puedo seleccionarla.
Lo último que haré
es agregar en la transición
un evento de deslizamiento.
Pueden ver
que tiene una leyenda diferente.
Voy a pasar a esa segunda sección
que es el gráfico de descripción general.
El gráfico de descripción general
es nuestro intento
de ofrecer una representación visual
de su archivo de escenas.
En este lugar,
ponemos los distintos componentes.

Korean: 
오버뷰 패널이라고 부르는 것인데요
오버뷰 패널에는 두 개의 섹션이 있습니다
하나는 생성 아이콘이고 
다른 하나는 오버뷰 그래프입니다
생성 아이콘의 경우
이것들은 저희가 여러분이
Motion Layout에 사용할
그래프와 요소를
빠르게 만드실 수 있도록 돕기 위해 만든
매우 간단한 동작들입니다.
제작 아이콘이 실행되는 
모습을 보여드리자면
여기에 제가 이미
시작한 그래프가 있습니다
하지만 저는 더 많은 
ConstraintSet를 만들 수 있습니다
이 게임에서 또 다른 
end2를 만들어 보겠습니다
또한 시작점에서
제가 방금 만든 end2로 움직이는
또 다른 전환을 만들어 보겠습니다
이렇게 하고 나면 저렇게
전환 화살표가 표시되고
저는 이 화살표를 선택할 수 있습니다
마지막으로 제가 할 일은 전환에
스와이프 이벤트를 추가하는 것입니다
이렇게 하면 해당 전환에 대한
다른 범례를 볼 수 있습니다
다음으로 두 번째 섹션으로 가보겠습니다
오버뷰 그래프인데요
오버뷰 그래프는 
여러분의 장면 파일을
시각적으로 보여드리기 위해
고안된 것입니다
그래서 저희는 
여기에 서로 다른 구성요소를
배치시켰습니다

Portuguese: 
Temos o conjunto de limitações
do Motion Layout, transição
e gestos. São as legendas
que encontramos para ajudar
na navegação pelo arquivo de cenas.
Vou só mostrar um pouco
também do código real aqui.
Esse caso específico
é um exemplo simples. Vocês
verão o XML
de onde ele veio.
Há uma correspondência "1 para 1" aqui.
O início aparece como um
início de ID do conjunto de limitações.
O final é do ID conjunto de limitações.
A transição... vocês vêem que o
[? clique ?] está escrito aqui.
É o ponto pequeno lá.
Se vocês analisarem um
exemplo mais complexo,
temos quatro conjuntos de
limitações e três transições.
Nesse caso, alguns conjuntos de limitações
derivam de outros conjuntos.
Esse é um recurso bastante poderoso,
porque você pode ter um estado
com alguns subestados
derivados de conjuntos de
restrições dele.
Uma das coisas que fizemos foi

English: 
We have Motion Layout,
constraint set, transition,
and gestures, and these
are kind of the legends
that we come up with to help
you navigate through that scene
file.
I'm going to just
show you a little bit
as well the actual
code behind that.
JOHN HOFORD: So in
this particular case,
this is a simple example,
and you're seeing the XML
that it came from.
And there's a one to
one correspondence here.
The start is shown as a
constraint set ID start.
The end is constraint
set ID end.
The transition-- you see the
on click is written there.
That's the little dot there.
Now if you look at a
more complex example,
this has four constraint
sets and three transitions,
and in this particular case,
some of the constraint sets
are derived from
other constraint sets.
And that's actually a
very powerful feature,
because you might want to have a
state with some substates which
are derived constraint
sets from it.
And one of things we
did was we made it

Chinese: 
我们有 Motion Layout Constraint Sets Transition 和 Gesture
我们想要使用这些图例帮助大家在场景文件中导航
下面我来简要展示一下它背后的代码
在这个简单的例子中 大家看到了它的 XML 出处
这里存在一个一一对应关系
这里的起始被显示为 constraintSetStart="@id/Start"
终点显示为 constraintSetEnd="@+id/end"
还有转换 这里写出了 OnClick
代表左图中的小点
下面来看一个稍微复杂些的例子
这里有4个约束集 3个转换
在本例中 一些约束集源于其他约束集
这个功能其实是相当强大的
因为 一个状态可能拥有自己的子状态
并衍生出多个约束集

Spanish: 
Diseño de movimiento, conjunto
de limitaciones, transición y gestos
y todas estas leyendas que implementamos
para ayudarlos a navegar
por el archivo de escena.
Les mostraré el código real
que lo hace posible.
En este caso específico,
es un ejemplo sencillo
y pueden ver el XML de donde provino.
La correspondencia es de uno a uno.
El inicio se muestra como un inicio
de ID del conjunto de restricciones.
El final es un final de ID
del conjunto de restricciones.
Pueden ver el código
del clic de la transición.
Es el puntito.
Si ven el ejemplo más complejo,
tiene cuatro conjuntos de restricciones
y tres transiciones.
En este caso,
algunos de los conjuntos de restricciones
derivan de otros.
Esta es una función muy potente
que les permite tener un estado
con subestados
que derivan de conjuntos de limitaciones.
Lo que hicimos

Indonesian: 
Di sini ada Motion Layout,
kumpulan batasan, transisi,
serta gestur, dan ini semacam legenda
yang kami buat untuk membantu
Anda melakukan navigasi di file scene.
Saya akan menunjukkan sedikit
kode untuk alat ini.
-Dalam kasus ini,
ini adalah contoh
sederhana, dan dapat dilihat XML
tempat ia berasal.
Terdapat
korespondensi satu untuk satu di sini.
Awal animasi ditulis
sebagai "@id/start" di ConstraintSet.
Akhir animasi yakni
"@id/end" di ConstraintSet.
Transisi--dapat dilihat
onclick-nya tertulis di sana.
Ada titik kecil di sana.
Jika melihat contoh yang lebih kompleks,
ada empat
ConstraintSet dan tiga Transition,
dan dalam kasus ini,
beberapa ConstraintSet
berasal dari ConstraintSet lainnya.
Dan fitur ini sebenarnya sangat berguna,
karena mungkin Anda ingin
memliki status dengan sub-status yang
merupakan ConstraintSet
yang dihasilkan darinya.
Salah satu hal yang kami lakukan yakni

Japanese: 
遷移 ジェスチャーで
シーンファイルで作業しやすいように
ラベルが付いています
実際のコードがこちらになります
これは簡単な例ですが
こちらに示しているのは各要素のXMLです
１対１で対応していて
startはConstrainSet
id/start
endはid/end
遷移はOnClickと
小さなドットです
もっと複雑な例を見てみましょう
４つのConstraintSetと
３つの遷移があり
一部のConstraintSetは
別のConstraintSetから
派生しています
これは強力な機能で
状態とその状態から派生した
ConstrainitSetの下位状態が
手に入ります
この並びは

Korean: 
오버뷰 그래프에는 Motion Layout, 
ConstraintSet, 전환, 제스처 등의
범례가 있고 이것들은 여러분이
장면 파일을 탐색할 수 있도록
돕기 위해 저희가
생각해 낸 것들입니다
지금부터는 그 이면에 있는 실제 코드를
조금 보여드리도록 하겠습니다
이 특정 사례는
간단한 예시이지만 지금 보시는 것은
오버뷰 그래프의 XML입니다
여기를 보면
일대일 대응이 있는데요
시작은 ConstraintSet id start로
종료는 ConstraintSet id end로
표시되어 있습니다
전환의 경우 OnClick이라고 
적혀 있는 것이 보이는데요
오버뷰 그래프에서 
작은 점으로 나타나 있습니다
이제 좀 더 복잡한 예시를 보여드릴게요
여기에는 4개의 ConstraintSet와 
3개의 전환이 있습니다
그리고 이 특정 사례에서 일부 ConstraintSet는
다른 ConstraintSet에서 파생된 것입니다
이것은 매우 강력한 기능인데요, 왜냐하면
여러분은 state에서 파생된
ConstraintSet를 하위 state로 하는 state를
두고 싶어할 수 있기 때문입니다
그리고 저희는 오버뷰 그래프가
여러분의 파일의 순서대로

Chinese: 
我们将其设定为 在你的文件规则内完成组织
所以 转换的最顶部一行就是文件中位于最顶部的转换
按照自上而下的顺序进行排列
从左到右的约束集就是从上到下的约束集
这样大家就可以想象出你的文件的样子
这个概览图不仅是场景文件的视觉表达
还是 Motion Editor 的状态控制单位
如果我在这里看到了这个
我只需点击各个约束集 各个转换
大家就可以看到 周围的面板都在针对这个状态做出反应
当你开始使用 Motion Editor 时
这就是我想让你最先看到的东西
它可以代表工具的完整状态
这就是概览图
下面来看第二个面板 
我们将其称为 Selection 面板
我刚才提到过 因为概览图控制着其他所有东西的不同状态

English: 
so that it's organized in
the order of your files.
So the topmost line
of the transition
is the topmost
transition in the file.
It's going down top to bottom.
And the left to
right of constraints
sets is top to bottom
of constraint sets.
So you have a sort
of a mental map
of what your file looks like.
PARIS HSU: Besides being kind of
the visual graph of your scene
file, this overview
graph is also really
what we call the state control
unit for Motion Editor.
So if I see this
right here, I'm just
clicking on different
constraints sets.
I'm also clicking on
different transitions,
and you can see that surrounding
panels actually correspond
to that state.
So when you approach
the Motion Editor,
that's really the
first step I want
you to see that's
actually representing
the entire state of your tool.
So that is actually
the overview graph.
Now I'm going to move on to
the second panel which we're
calling the Selection panel.
So as I just mentioned,
because the overview
graph kind of controls the
different state of everything
else, the Selection
panel actually really

Korean: 
조직화되도록 했습니다
따라서 전환의 최상단 라인은
파일에서 최상단 전환에 해당되며
위에서 아래로 진행되고 있습니다
그리고 왼쪽에서
오른쪽으로의 ConstraintSet는
상단에서 하단으로의
ConstraintSet에 해당됩니다
따라서 여러분은 파일이 
어떻게 표현되는가에 대한
일종의 지도를 갖게 된 것입니다
장면 파일의 
시각적 그래프라는 점 외에도
이 오버뷰 그래프는 
Motion Editor를 위한 소위
소위 state 제어 유닛이기도 합니다
따라서 제가 여기에서
서로 다른 ConstraintSet를 클릭한 다음
서로 다른 전환을 클릭하면
주변의 패널들이 
해당 state에 맞게 바뀌는 것을
볼 수 있습니다
따라서 Motion Editor를 접하는 첫걸음은
Motion Editor에는
툴의 전체 state가 나타난다는 것을
이해하는 것입니다
지금까지 오버뷰 그래프에
대해 살펴보았습니다
이제는 저희가 선택 패널이라 부르는
두 번째 패널에 대해 알아보겠습니다
아까 제가 언급한 것처럼 
오버뷰 그래프는
그 밖의 모든 툴의 
서로 다른 state를 제어하기 때문에
선택 패널에는

Portuguese: 
criá-lo de modo que fique organizado
na ordem dos seus arquivos.
A linha principal da transição
é a transição principal no arquivo.
Ele vai de cima para baixo.
E da esquerda para a direita dos conjuntos
de restrições.
Você tem um tipo de mapa mental
do seu arquivo.
Além de ser como um gráfico
visual do seu arquivo de
cenas, este gráfico de visão geral é também
o que chamamos de "unidade
de controle de estado" do Motion Editor.
Eu vejo isso exatamente aqui. Eu clico
em diferentes conjuntos de restrições.
Clico também em diferentes transições,
e vocês podem ver que painéis
adjacentes correspondem de fato
a esse estado.
Quando você usa o Editor de movimento,
esta é a primeira etapa que eu quero
que vocês vejam, que representa
todo o estado da sua ferramenta.
É o gráfico de visão geral.
Agora vou passar para o segundo
painel, que chamamos de
painel "Selection".
Como acabei de mencionar.
como o gráfico de visão geral
controla os diferentes estados
de todo o resto,
o painel "Selection" tem

Spanish: 
fue organizarlo
según el orden de sus archivos.
La línea superior de la transición
es la transición superior en el archivo.
Avanza de arriba hacia abajo.
El movimiento
de izquierda a derecha
de los conjuntos de restricciones
avanza de arriba hacia abajo.
De esa manera,
tienen un mapa mental
del aspecto de su archivo.
Además de ser el gráfico visual
de su archivo de escenas,
este gráfico de descripción general
es la unidad de control de estado
del editor de movimiento.
Si veo esto, hago clic
en diferentes conjuntos de restricciones.
También en diferentes transiciones.
Y así ven que los paneles alrededor
corresponden con ese estado.
Al abrir el editor
de movimiento,
lo primero que ven representa
todo el estado de su herramienta.
Ese es el gráfico
de descripción general.
Ahora pasaré al segundo panel
que es el panel de selección.
Como el gráfico de descripción general
controla los estados de todo,

Indonesian: 
mengurutkannya sesuai dengan file Anda.
Jadi, baris teratas pada Transition
adalah transisi teratas dalam file.
Ini sudah urut dari atas ke bawah.
Dan dari kiri ke kanan ConstraintSet
adalah dari atas ke
bawah untuk kumpulan batasan.
Jadi, ini seperti peta mental
dari tampilan file Anda.
-Selain grafik visual dari file scene,
grafik ringkasan ini juga merupakan
unit kontrol status untuk Motion Editor.
Jika dilihat di sini, saya hanya
mengklik berbagai kumpulan batasan.
Saya juga mengklik berbagai transisi,
dan dapat dilihat bahwa
panel di sekitarnya telah sesuai
dengan status.
Saat menggunakan Motion Editor,
inilah langkah pertama yang
harus Anda lihat, yang akan menunjukkan
keseluruhan status alat Anda.
Inilah grafik ringkasan.
Kini saya akan
melanjutkan ke panel kedua yang
kami sebut Panel Pemilihan.
Seperti yang saya
sebutkan, karena grafik ringkasan
mengontrol berbagai
status dari sebagian besar alat,
Panel pemilihan hanya memiliki

Japanese: 
ファイルの順序通りになっています
遷移の一番上にあるのは
ファイルの最初の遷移で
上から順に列挙し
ConstraintSetは左のものから
順に列挙しているので
ファイルがどのような構成か想像がつきます
シーンファイルを視覚的に表した
この概要グラフは
Motion Editorの
状態管理ユニットでもあります
こちらのConstraintSetや
遷移をクリックすると
その状態に対応したパネルが表示されます
Motion Editorで
まず見てもらいたいのは
このように
ツール全体の状態が表示されるところです
以上が概要グラフです
２つ目のパネルに進みます
名前は選択パネルです
先ほど触れたように
概要グラフは

English: 
have three different states--
when Motion Layout
is selected, when
constraint set is selected, and
when transition is selected.
So let's go through them.
If I'm Motion Layout selected,
this is pretty familiar.
It's like your component tree.
So it really just tells
you what components--
what type they are in
this motion layout.
We add a little more
information for you
here, whether it's
properly constrained
vertically or
horizontally, just so you
can know which components
you might want to focus on.
When a constraint
set is selected
you see a different table.
So in here we want
to show you just kind
of a little information on
what component is actually
constrained in this
constraint set,
and where is it coming from.
And here's actually
the code that's
behind that particular panel.
JOHN HOFORD: Now you'll
notice that the bottom button
three has a gray check mark.
That means it is
constrained, but just not
in this constrained set,
not in start constraint set.
And that's because it's
in a derived constraint
set named common.

Spanish: 
el panel de selección
en realidad tiene tres estados:
cuando se selecciona
el diseño de movimiento,
el conjunto de limitaciones
y la transición.
Repasémoslos.
Si selecciono el diseño de movimiento,
les será familiar.
Es como su árbol de componentes.
Les indica qué componentes y qué tipos
hay en este diseño de movimiento.
Aquí agregamos más información
sobre si está limitado correctamente
a nivel vertical u horizontal
para que sepan
en qué componentes enfocarse.
Cuando se selecciona
un conjunto de restricciones,
ven una tabla diferente.
Aquí les mostramos información
sobre cuál es el componente
que está restringido en este conjunto
y de dónde proviene.
Este es el código
detrás de ese panel específico.
Verán que el tercer botón inferior
tiene una marca de verificación gris.
Eso quiere decir que está restringido
pero no en este
conjunto de restricciones de inicio.
Es porque está
en un conjunto de restricciones derivado
llamado "common".

Indonesian: 
memiliki tiga status--
saat Motion Layout dipilih,
saat kumpulan batasan
dipilih, dan saat transisi dipilih.
Mari mulai pembahasannya.
Jika Motion Layout yang dipilih
ini adalah hal yang tidak asing.
Ini seperti pohon komponen.
Ini hanya
memberi tahu Anda apa komponennya--
jenisnya di Motion Layout.
Kami menambakan
sedikit informasi untuk Anda,
yakni apa batasan sudah sesuai
secara vertikal atau horizontal, agar Anda
dapat mengetahui komponen
mana yang mungkin ingin Anda fokuskan.
Untuk Kumpulan Batasan Dipilih
Anda akan melihat tabel berbeda.
Di sini, kami ingin menunjukkan
sedikit informasi
tentang komponen apa yang
dibatasi dalam kumpulan batasan ini,
juga dari mana asalnya.
Ini adalah kode
untuk panel tersebut.
-Perhatikan bahwa button3 di bawah
memiliki tanda centang abu-abu.
Artinya, ini telah dibatasi, tetapi bukan
di kumpulan batasan ini,
bukan di ConstraintSet ( start ).
Ini karena 
kumpulan batasan yang dihasilkan,
yaitu common.

Chinese: 
所以 Selection 面板其实有三个不同的状态：
当 Motion Layout 被选中时
当 Constraint Set 被选中时
当 Transition 被选中时
下面我们就来一一讲解一下
当 Motion Layout 被选中时
大家可能比较熟悉这种情况
因为它比较类似组件树
它会告诉你 它涉及什么组件 
这些组件在 Motion Layout 中属于什么类型
这里我们为大家添加了一些信息
它们是经过适当约束的 无论是按照水平还是竖直方向
目的是方便大家明白应该关注哪些组件
当约束集被选中时 你会看到另一个表
这里我们想展示一下 在这个约束集内
被约束的组件有哪些 它们来自哪里
这些就是这个面板后面的代码
大家可能注意到了 底部的这个3号按钮旁边
有一个灰色的对勾
这意味着它被约束了 但不在这个起始约束集里
这是因为 它位于一个衍生出来的名为 common 的约束集内

Portuguese: 
três estados diferentes:
quando o Motion Layout é selecionado, quando
o conjunto de restrições é selecionado e
quando a transição é selecionada.
Vamos analisar esses estados.
Quando o Motion Layout é selecionado,
tudo é muito conhecido.
É como sua árvore de componentes.
Ele informa quais componentes...
que tipos existem nesse
layout de movimento.
Adicionamos mais informações para vocês
aqui, se ele está devidamente limitado
vertical ou horizontalmente, para vocês
saberem em quais componentes
vocês devem se concentrar.
Quando um conjunto de
restrições é selecionado,
vocês veem uma tabela diferente.
Aqui, queremos mostrar uma
pequena informação sobre qual componente
está limitado neste conjunto de restrições
e de onde ele vem.
Aqui está o código que está
por trás deste painel específico.
Agora, vocês notam que o
botão na parte inferior
tem uma marca de verificação verde.
Isso significa que ele está limitado, não
apenas neste conjunto, mas no conjunto
de restrições inicial.
Isso porque ele está em um
conjunto de restrições
derivado comum.

Japanese: 
さまざまな状態を管理するため
MotionLayout
ConstraintSet
遷移という
３つの状態があります
MotionLayoutを選択した場合は
コンポーネントツリーに似ていて
どんなコンポーネントがあるか分かります
また
垂直方向と水平方向のどちらに
制約されているかも示されるので
目的のコンポーネントがすぐに見つかります
ConstraintSetを選択すると
選択したConstraintSetの
どのコンポーネントが
どこで制約されているかが分かります
こちらはこのパネルのコードです
一番下のbutton3は
チェックマークが灰色になっていますが
これは制約が設定されているけれど
このConstraintSetでではなく
派生したConstraintSetの

Korean: 
세 개의 서로 다른 state가 있습니다
Motion Layout이 선택된 경우,
Constraint Set가 선택된 경우.
그리고 전환이 선택된 경우입니다
그럼 하나씩 살펴보겠습니다
Motion Layout이 선택된 경우인데요
여러분에게 상당히 익숙한 모습이죠
여러분의 구성 요소 트리와 비슷합니다
이 표에는 해당 Motion Layout에 
어떤 구성 요소가 있는지
그 유형은 무엇인지 표시되어 있습니다
또한 여기에는 여러분을 위한
약간의 정보가 추가되어 있습니다
즉, Constraint가 
수직으로 또는 수평으로
어떤 구성 요소에 초점을
두어야 할지 파악할 수 있게 했습니다
ConstraintSet가 선택되면
다른 표가 표시됩니다
이 표에서는 이 ConstraintSet에서
어떤 구성 요소가 제한되어 있으며
출처가 어디인지에 대한 정보가
표시됩니다
그리고 이것은
특정 패널 이면에 있는 코드입니다
보시면 맨 아래 버튼3에는
회색 체크 부호가 표시되어 있습니다
이는 이 구성 요소가 
제한되어 있기는 하지만
이 ConstraintSet, 즉 시작 ConstraintSet에 
들어 있지 않다는 것을 의미합니다
왜냐하면 이것은 common이라는
파생된 ConstraintSet에 들어 있기 때문입니다

English: 
And so you can actually use
this to get a picture of what
that particular
constraint set looks like,
and how the different buttons
and widgets and views,
how are they being constrained.
This is for when you are trying
to get very big complex ones,
and we'll see more
of them later.
PARIS HSU: Yes.
And the final state that the
Selection panel can be in
is when the transition
is selected.
And you can see that
this is actually
pretty similar to
the first UI that you
saw when Motion Editor first
came out, because this is
focusing on single transition.
So the transition
is selected, I can
play the different
animation toolbar,
I can click on the
key frames, I can
look at the graph I've created
for cycles and attributes,
and I can also add key frames
and scrub the animation.
This is where you
can really fine tune
your specific transition.
So that's the Selection panel.
I'm going to move on to
our final panel which
is the Attribute panel,
and you'll probably
know a lot about it
because Oscar kind of just
talked about it.
So we use the setting attributes
panel across our tools,

Japanese: 
Commonで設定されているからです
この情報を基に
ConstraintSetがどのような内容で
各種ボタン ウェジェット ビューが
どう制約されているかが分かります
これは非常に複雑な例ですが
後でもっと見ていきます
選択パネルの最後の状態は
遷移を選択した状態です
最初のMotion Editorの
UIによく似ていますが
１つの遷移しか扱わないからです
アニメーションツールバーで再生したり
キーフレームを選択したり
サイクルや属性のグラフを確認したり
キーフレームを追加したりできます
ここでは目的の遷移を細かく調整できます
以上が選択パネルです
最後に紹介するのは属性パネルです
すでに紹介したので
内容がよくつかめると思います
属性パネルは広く使用しているので

Spanish: 
Pueden usar esta función
para obtener una imagen
de la apariencia
de este
conjunto de restricciones específico
y cómo se restringen
los botones, widgets y vistas.
Es útil cuando intentan obtener
conjuntos grandes y complejos.
Lo veremos más adelante.
Sí.
El último estado del panel de selección
es cuando se selecciona la transición.
Pueden ver que es muy similar
a la primera IU que vieron
cuando apareció
el editor de movimiento
ya que se enfoca
en una sola transición.
La transición
está seleccionada
y puedo reproducir
las animaciones de la barra,
hacer clic
en los marcos de claves,
ver el gráfico de ciclos
y atributos que creé,
agregar marcos de claves
y limpiar la animación.
Aquí pueden ajustar
su transición específica.
Ese es el panel de selección.
El último panel es el de atributos
y quizás ya sepan mucho
porque Oscar acaba de hablar al respecto.
Usamos el panel de atributos
de configuración
en todas nuestras herramientas

Indonesian: 
Jadi, Anda dapat
menggunakannya untuk mendapatkan gambaran
dari tampilan kumpulan batasan,
gambaran untuk berbagai
tombol, widget, dan tampilan,
serta cara batasan diterapkan.
Ini digunakan saat Anda ingin
menerapkan batasan yang kompleks,
dan kita akan melihatnya nanti.
-Ya.
Status terakhir yang
dapat dimiliki panel Pemilihan
adalah saat transisi dipilih.
Dan dapat dilihat bahwa ini
cukup mirip dengan UI yang
ada saat Motion Editor
pertama diluncurkan, karena
ini berfokus pada satu transisi.
Dengan transisi dipilih, saya dapat
menggunakan berbagai toolbar animasi,
saya dapat mengklik bingkai utama,
melihat grafik yang
dibuat untuk siklus dan atribut,
dan menambahkan bingkai
utama serta memperhalus animasinya.
Di sinilah Anda dapat menyesuaikan
transisi tertentu.
Itulah panel Pemilihan.
Saya akan melanjutkan ke panel terakhir
yakni panel Atribut, dan Anda mungkin
sudah tahu banyak tentang ini karena Oscar
telah membahasnya.
Kita menggunakan setelan
panel Atribut ini di seluruh alat,

Portuguese: 
Vocês podem usar isso para ter uma ideia
de como é esse conjunto de restrições
e como os diferentes botões,
widgets e visualizações...
como eles estão sendo limitados.
Isso serve para quando vocês
tentam os bem complexos.
Vamos ver isso mais tarde.
Sim.
O estado final em que o painel
"Selection" pode estar
é quando a transição é selecionada.
Vejam que isso é bastante parecido
com a primeira UI que vocês
viram quando o Motion Editor
apareceu, porque ele
se concentra em uma única transição.
A transição é selecionada, e eu posso
reproduzir a barra de ferramentas
de animação diferente.
Posso clicar nos frames-chave, posso
analisar o gráfico que eu criei
para ciclos e atributos
e também posso adicionar frames-chave
para arrastar a animação.
É aqui onde vocês realmente podem
ajustar sua transição específica.
Este é o painel "Selection".
Vou passar para nosso painel final,
o painel "Attributes". Provavelmente,
vocês já sabem um pouco dele,
porque Oscar já falou
um pouco dele.
Nós usamos o painel de atributos
de configuração em nossas ferramentas.

Korean: 
따라서 여러분은
이 표를 통해 특정 ConstraintSet가
실제로 어떻게 생겼으며
다양한 버튼, 위젯 및 보기가
어떻게 제한되고 있는지를
파악할 수 있습니다
이는 매우 크고 복잡한 작업을
수행할 때 필요하며
이에 대해서는 나중에
좀 더 살펴보겠습니다
예
선택 패널이
속할 수 있는 마지막 state는
전환이 선택된 경우입니다
이 state는 여러분이
Motion Editor가 처음 나왔을 때 보셨던
첫 번째 UI와 상당히
유사한데, 그 이유는
단일 전환에 초점을 두고 있기 때문이죠
따라서 전환이 선택되면
다른 애니메이션 툴바를 재생할 수 있고
키 프레임을 클릭할 수 있고
주기와 속성에 대해 만든 
그래프를 볼 수 있고
또한 키 프레임을 추가하고
애니메이션을 스크럽할 수 있습니다
이를 통해 특정 전환을
미세 조정할 수 있습니다
지금까지 선택 패널에
대해 알아봤습니다
이제는 저희의 마지막 패널인
속성 패널로 가보겠습니다
이 패널에 대해서는 
오스카 씨가 말씀드렸기 때문에
여러분도 아마 잘 아실 겁니다
저희는 툴 전반에 걸쳐
setting attributes 패널을 사용합니다

Chinese: 
你可以通过它来想象一下 那个约束集是什么样子的
各种按钮 widget 和视图是如何被约束的
这些知识可以帮助大家理解较大 较复杂的约束集
以后我们会介绍更多这样的约束集给大家
Selection 面板的最后一个状态就是
当 Transition 被选中时的状态
大家可以看到 它其实和 Motion Editor 初次推出时的 UI 差不多
因为它主要关心的是单一转换
当 Transition 被选中时 
我可以使用动画工具栏
点击关键帧 观察我为循环和属性创建出来的动画结构
我还可以添加关键帧 并优化动画
大家可以在这里充分调校你的转换
Selection 面板就是这样
下面我来讲最后一个面板 也就是 Attribute 面板
大家可能比较了解它 因为 Oscar 刚才谈到过它
我们在各种工具中都使用了设置 Attribute 面板

Chinese: 
下面我来重点讲几个与 Motion Editor 相关的东西
第一 它可以很忠实地反映出被选中的对象
任何类似约束集 转换 组件之类较大的东西
以及类似关键帧 转换等较小的东西
都可以通过 Attribute 面板来观察
它们的属性或是可被操控的潜在属性
第二 Attribute 面板会在布局文件中
为你的 motion_scene 文件显示继承关系
这里我们可以看到 约束继承自 Motion Layout
所以它才使用灰色字体显示
如果使用黑色字体显示 则表明它正在定义当前的约束集
第三 编写约束 大家已经看到
我只需在设计介面中把小绿人挪动到左上角 就完成了演示
其实我使用 Attribute 面板也能做到同样的事情
我可以选取这个小绿人
把衍生约束偏好修改为0.1

Japanese: 
Motion Editorに関するものだけ
紹介します
まず選択した要素の情報が表示されます
ConstraintSetや遷移
コンポーネントから
遷移のキーフレームのように小さなものまで
属性パネルには宣言された属性や
設定可能な属性が表示されます
属性パネルの２つ目の特徴は
レイアウトファイルの
MotionSceneファイルの
継承関係が表示されることです
こちらを見ると
継承したMotionLayoutからの制約が
灰色で表示されています
このConstraintSetで定義した
制約は黒くなります
３つ目に紹介するのは制約の作成です
先ほどのデモでドロイド君を
デザインサーフェスの左上に動かしました
同じことが属性パネルで可能です
ドロイド君を選択して
派生した制約のバイアスを0.1に変更すると

Portuguese: 
Então, vou me concentrar em duas coisas
específicas ao Motion Editor.
A primeira é que ele reflete tudo o que
está selecionado.
Para tudo o que for tão grande
quanto um conjunto de restrições,
uma transição e componente, ou tão pequeno
quanto um frame-chave ou transição,
o painel "Attributes" está onde você pode
analisar atributos declarados
ou em potencial...
você pode manipular.
Uma segunda coisa do
painel "Attributes"
é que ele mostra a relação de
herança para seu
arquivo MotionScene no arquivo de layout.
Vocês podem ver aqui que eu tenho...
a restrições vem do
MotionLayout herdado.
É por isso que ela está esmaecida.
Quando está em preto, significa que
ela está definindo
o conjunto de restrições atual.
Uma terceira coisa que quero mostrar
são as restrições de criação.
Vocês me viram fazer uma
demonstração, apenas
movendo este droid para o canto
superior esquerdo
diretamente na superfície de design.
Posso fazer a mesma coisa usando
o painel "Attributes".
Vejam que eu posso selecionar este droid.

English: 
so I'm actually just going to
focus on a couple things that
are specific to Motion Editor.
So the first thing is that it's
really reflective of whatever
is selected.
So for anything that's as big
as constraint set, transition,
and component, or as small
as key frame or transition,
the Attribute panel
is where you can
to to look at declared
or potential attributes
you can manipulate.
A second thing of
the Attribute panel
is that it shows the
inheritance relationship for you
MotionScene file
in the layout file.
So you can see
here that I have--
the constraint are coming
from inherited MotionLayout,
and that's why it's grayed out.
When it's black, that means
that it's actually defining
this current constraint set.
A third thing that
we want to show you
is authoring constraints.
So you saw me do
the demo with just
moving this droid
to the top left
corner directly
on design surface.
I can actually do the same thing
using the Attributes panel.
So if you see that I
can select this droid,

Indonesian: 
saya hanya akan
fokus pada beberapa hal yang
dikhususkan untuk Motion Editor.
Pertama, panel ini sangat
reflektif terhadap apa saja
yang dipilih.
Dari hal yang penting
seperti kumpulan batasan, transisi,
dan komponen, hingga hal sederhana
seperti bingkai utama atau transisi,
panel Atribut adalah tempat Anda
menemukan atribut yang dideklarasikan
atau potensial yang dapat dimanipulasi.
Kedua, panel Atribut ini
menunjukkan relasi pewarisan untuk
file MotionScene di file tata letak.
Jadi dapat dilihat
di sini bahwa terdapat
batasan berasal dari
MotionLayout yang diwariskan,
karena itulah warnanya abu-abu.
Jika warnanya hitam,
ini artinya kumpulan batasan
sedang ditentukan.
Hal ketiga yang ingin kami tunjukkan
yakni memberi otorisasi batasan.
Anda telah melihat demo tadi
dengan menggerakkan droid ini ke pojok
kiri atas secara
langsung di permukaan desain.
Saya dapat melakukan hal
yang sama dengan panel Atribut.
Bisa dilihat saya dapat memilih droid ini,
saya akan mengubah bias
batasan yang dihasilkan ke 0,1.

Spanish: 
y me enfocaré en funciones específicas
del editor de movimiento.
Lo primero es que refleja muy bien
los elementos seleccionados.
Para elementos grandes,
como conjuntos de restricciones,
transiciones y componentes,
o pequeños, como marcos
de claves o transiciones,
el panel de atributos
es donde pueden ver
atributos declarados o potenciales
que pueden manipular.
Lo segundo
es que muestra la relación de herencia
del archivo MotionScene
en el archivo de diseño.
Aquí pueden ver
que las limitaciones provienen
del diseño de movimiento heredado
y por eso está de color gris.
Cuando está negro,
quiere decir que define el conjunto
de restricciones actual.
Lo tercero
que quiero mostrarles
son las restricciones
de autorización.
Vieron mi demostración
donde moví este droid
a la esquina superior izquierda
directamente
en la superficie de diseño.
Puedo hacer lo mismo
con el panel de atributos.
Puedo seleccionar este droid

Korean: 
이 시간에 저는 
Motion Editor에 특징적인 몇 가지에
초점을 맞춰보겠습니다
첫 번째는 이 패널은 무엇이 선택되든
그것을 반영한다는 것입니다
따라서 ConstraintSet, 전환,
구성 요소와 같이 큰 것이든
키 프레임 또는 전환과 같이 작은 것이든
속성 패널에서는 
여러분이 다룰 수 있는
선언된 속성 또는 잠재적 속성을
살펴볼 수 있습니다
속성 패널의 두 번째 특징은
레이아웃 파일에 있는 
MotionScene 파일에 대한
상속 관계를 보여준다는 것입니다
이 속성 패널을 보시면 Constraint가
상속된 MotionLayout에서 비롯되며
그래서 회색으로 표시되어
있는 것을 알 수 있습니다
검정색으로 표시된 경우는
해당 속성이 현재의 ConstraintSet를
정의하고 있음을 의미합니다
제가 보여드리고자 하는 세 번째는
Constraint 작성입니다
좀 전에 디자인 표면에서 드로이드를
왼쪽 상단 모서리로 움직이는
데모를 보여드렸는데요
속성 패널을 사용해서 
이와 똑같이 할 수 있습니다
이 드로이드를 선택하고

Chinese: 
此后 所有东西就都用黑色字体显示了
因为我们为你复制了约束 现在它已经被定义了
现在大家可以看到 我们在这里可以使用垂直偏好 把小绿人向上移动
我们也可以使用单一 widget 视图
请注意 你可以在设计表面右击 呼出各种控制器
可以限制左侧和右侧 还有一些工具栏控制器
这些东西都可以和约束集进行协作
如果你更改了约束集
它就会在那个约束集内部生效
关于 Attribute 面板 我最后想展示给大家的是
它支持添加定制属性 
大家可能已经注意到 Motion Layout 就有这个功能
在本例中 我把小绿人所在背景的颜色改动了
这里我随便选了一种背景颜色 
它不好看 我知道 不过这里的用意是

Korean: 
파생된 Constraint 바이어스를
0.1로 바꿔보겠습니다
이렇게 하면
전체가 검정색으로 바뀝니다
왜냐하면 Constraint가 복사되고
정의되었기 때문입니다
또한 수직 바이어스를 사용하여
드로이드가 이 위치로
올라가도록 할 수 있습니다
단일 위젯 뷰를 사용할 수도 있습니다
주목해야 할 것 중 하나는
디자인 표면에서
마우스를 오른쪽 버튼으로 클릭하면
왼쪽, 오른쪽으로 제한하는
다양한 제어 장치가 있다는 것입니다
툴바 제어 장치도 있고요
이 모두가 ConstraintSet와 
적절하게 연동하여
작동합니다
따라서 여러분에게 ConstraintSet가 있고 
이러한 방법으로 변경 작업을 하면
해당 ConstraintSet에서
제한이 이루어집니다
이제 속성 패널에 대해
마지막으로 보여드리고자 하는 것은
속성 패널이 맞춤 속성을
추가할 수 있도록 지원한다는 것입니다
여러분도 아시겠지만
Motion Layout에는 맞춤 속성이 있죠
따라서 이 경우에 
저는 저 드로이드의 배경을
다른 색으로 바꿔보겠습니다
여기서 임의의 색상 배경을 선택하고
color accent를 넣겠습니다
그리 예쁘지는 않네요

Portuguese: 
Vou mudar esta compensação de
limitação derivada para 0,1.
Depois disso, tudo vai mudar para preto,
porque copiamos a restrição para você,
e isso agora está definido.
Vejam que o droid pode
ser movido para este lugar,
usando a compensação vertical.
Podemos também usar a visualização
de widgets simples.
Uma das coisas a serem observadas
é que na superfície de design, 
você pode clicar com o botão direito.
Ela tem vários controles que limitam
para a esquerda, para a direita.
Há também controles da
barra de ferramentas.
Todos eles funcionarão adequadamente
com um conjunto restrito.
Se você tem um conjunto de restrições
e faz uma mudança,
ele limitará esse conjunto de restrições.
A última coisa que eu quero mostrar
sobre o painel "Attributes"
é que permite adicionar
atributos personalizados, que,
como vocês podem ter notado,
o Motion Layout tem.
Nesse caso, estou mudando
o plano de fundo desse
droid para uma cor diferente.
Eu escolho um plano de fundo
de cor aleatória aqui...
cor de destaque.
Não é muito bonito, eu sei.

Japanese: 
制約がコピーされて
テキストが黒くなり
定義が完了します
ドロイド君をこの垂直方向のバイアスを使って
上に動かせます
単一のウィジェットビューも使用できます
注目すべき点として
デザインサーフェスは右クリックができます
制約を左右に動かすコントロールや
ツールバーコントロールもあり
どれもきちんと機能します
ConstraintSetで変更すると
そのConstraintSetで制約が発生します
属性パネルについて
最後にお見せするのは
カスタム属性が追加可能なことです
MotionLayoutで可能です
ここではドロイド君の背景を
別の色に変更します
適当な背景色を選んで
アクセントをつけて
きれいではないですが

English: 
I'm going to change that
derived constraint bias to 0.1.
Once I've done that,
everything is black
because we copy over
the constraint for you,
and it's now defined.
And you can see
that the droid can
be moved up in this place
using the vertical bias.
We can also use the
single widget view.
JOHN HOFORD: One of
the things to note
is that on the design surface,
you can right mouse click,
and they have a bunch of
controls that constrain
to the left, to the right.
There's also some
toolbar controls.
So all of those
will work properly
with a constrained set.
So if you have a constraint
set and you make a change,
it will constrain in
that constraint set.
PARIS HSU: So now
the final thing
I want to show you about
the Attribute panel
is that it supports adding
custom attributes, which
as you probably noticed,
Motion Layout do have.
So in this case, I'm changing
the background of that
droid to a different color.
So I just kind of pick a
random color background here--
color accent.
So it's not pretty, I know.

Indonesian: 
Setelah itu, warnanya akan menjadi hitam
karena kami menyalin batasan untuk Anda,
dan kini telah ditentukan.
Dapat dilihat bahwa droid dapat
dipindahkan ke sini dengan bias vertikal.
Kita juga dapat
menggunakan tampilan widget tunggal.
-Yang harus diperhatikan
adalah di permukaan
desain, Anda dapat mengklik kanan,
dan akan muncul
banyak kontrol yang membatasi
ke kiri dan kanan.
Ada juga beberapa kontrol toolbar.
Semua ini akan berfungsi dengan baik
dengan kumpulan batasan.
Jika memiliki kumpulan
batasan dan membuat perubahan,
batasan akan berlaku di
kumpulan batasan tersebut.
-Hal terakhir
yang ingin saya
tunjukkan tentang panel Atribut
yakni panel ini mendukung
penambahan atribut kustom,
yang seperti Anda tahu,
tersedia di Motion Layout.
Dalam kasus ini, saya
akan mengubah latar belakang
droid dengan warna yang berbeda.
Saya akan memilih warna
latar belakang secara acak--
aksen warna.
Warnanya tidak sesuai, saya tahu.

Spanish: 
y cambiar el sesgo
de restricción derivado a 0.1.
Luego, todo queda negro
porque recortamos la restricción
y queda definida.
Pueden ver que el droid
se puede mover hacia arriba
mediante el sesgo vertical.
También podemos usar la vista
de un solo widget.
Una característica notable
es que en la superficie de diseño
pueden hacer clic con el botón derecho
para acceder a varios controles
de restricción
a la izquierda
y la derecha.
También hay controles
de la barra de herramientas.
Todos funcionan correctamente
con un conjunto restringido.
Si tienen un conjunto limitado
y hacen un cambio,
se limitará
en ese conjunto de restricciones.
Por último, quiero mostrarles
que el panel de atributos
permite agregar atributos personalizados
que probablemente vieron
en el diseño de movimiento.
En este caso, cambiaré el fondo del droid
por un color diferente.
Elijo un color de fondo aleatorio…
acentuación de color.
No queda bien, lo sé.

Indonesian: 
Namun idenya adalah
Anda dapat memanipulasi
berbagai atribut kustom, dan kami
yang akan melakukan pemeriksaannya.
Dapat dilihat, begitu warna diubah,
dan jika mengklik transisi,
warna akan berinterpolasi dengan cantik.
Ini adalah salah satu
keunggulan alat dan tata letak ini.
John telah menyiapkan
demo menarik untuk kita.
-Ya.
Jadi, minggu lalu Andrew
membagikan video ini di Twitter,
ini adalah Constraint Layout.
Juga merupakan Motion Layout.
Cukup menarik.
Terdapat dua kumpulan batasan.
Ada tiga status, dan
ada siklus, siklus utama,
yang berpindah di antara mereka.
Dapat dilihat yang pertama adalah siklus
yang memantul seperti
ini, dan selanjutnya memantul
seperti ini dalam hal ukuran.
Ini cukup bagus.
Tapi saya pikir,
mengapa tidak menyempurnakannya?

Japanese: 
このようにさまざまなカスタム属性を設定でき
チェックも自動で行われます
色を変更して
遷移をクリックすると
良い感じに色を補ってくれます
ツールやレイアウトが持つ力の一例ですね
ジョンが楽しいデモを用意しています
先週 アンドリューが
このビデオについてツイートしました
これはConstraintLayout
MotionLayoutで
ConstraintSetが２つです
３つの状態とキーサイクルが
行き来しています
最初はサイクルで
このように跳ね
次はこのように大きさが変化します
よくできていますね
11で導入したらどうでしょう

Spanish: 
Pueden manipular atributos personalizados
y nos ocupamos de la verificación.
Una vez que cambio el color,
si hago clic en la transición,
combina los colores de manera agradable.
Esta es una de las funciones
de la herramienta y el diseño.
John nos preparó
una demostración divertida.
Sí.
La semana pasada,
Andrew tuiteó este video.
Es un diseño de restricciones.
Un diseño de movimiento.
Es interesante.
Tiene dos conjuntos de restricciones.
Tiene tres estados y hay ciclos de claves
que oscilan entre ellos.
El primero es un ciclo
que rebota de este modo
mientras que el siguiente
rebota así en tamaño.
Es genial.
¿Por qué no mejorarlo aún más?

Portuguese: 
Mas a ideia é que vocês podem manipular
diferentes atributos personalizados,
e fazemos algumas verificações.
Vejam, depois que eu mudo a cor
e se eu clico na transição,
ele interpola as cores de um
jeito bem legal para vocês.
Esse é um dos poderes da
ferramenta e do layout.
O John preparou uma demo
legal para nós.
Sim.
Na semana passada, Andrew
tweetou este vídeo.
É um Constraint Layout.
É um layout de movimento.
É interessante.
Ele tem dois conjuntos de restrições,
e três estados, e há ciclos-chave
oscilando entre eles.
Vejam que o primeiro é um ciclo
saltando assim, e o próximo salta
assim em tamanho.
É muito legal.
Então, eu pensei: "Por que não
levar isso para a versão 11?"

Chinese: 
你可以操控各种定制属性
由我们来进行一些检查
可以看到 在我改动了颜色之后 
点击转换 它就会在各个时间点插入适当的颜色
这就是这个工具和布局的强大之处
John 为大家准备了一个有趣的演示
Andrew 上周在推特上发布了一段视频
它是 Constraint Layout 也是 Motion Layout
有意思的是 它含有两个约束集 三个状态
并使用关键循环把它们紧密联系起来
大家可以看到 第一个循环会这样跳动
然后 第二个有这种尺寸跳动的效果 很好
不过 我在想 为什么不彻底改良一番呢

English: 
But the idea is that you can
actually kind of manipulate
different custom attributes,
and we do some checking for you.
You can see, once
I change the color,
and if I click on
the transition,
it actually interpolates the
colors really nicely for you.
So this is one of the powers
of the tool and the layout.
So John has prepared
a fun demo for us.
JOHN HOFORD: Yeah.
So last week Andrew
tweeted this video,
and it's a Constraint Layout.
It's a motion layout.
It's interesting.
It has two constraint sets.
It has three states, and
there's cycles, key cycles,
oscillating between them.
So you see the first
one is a cycle that's
just bouncing like this, and
then the next one bounces
like this in size.
So it's pretty neat.
But I thought, why
not take it to 11.

Korean: 
아무튼 여러분은
다양한 맞춤 속성을 조작할 수 있고
Motion Editor가
확인 작업을 해 줍니다
제가 색상을 변경하고
전환을 클릭하면
Motion Editor가 여러분을 위해
색상을 멋지게 보충해 줍니다
이 툴과 레이아웃의 강점 중 하나죠
존이 재미있는 
데모를 하나 준비했습니다
예
지난주에 앤드류가
이 동영상을 트위터에 올렸는데요
이건 Constraint Layout입니다
이건 Motion Layout이고요
재미있는 것은
여기에 두 개의 
ConstraintSet가 있습니다.
세 개의 state가 있고, 또 키 사이클들이 있는데
서로 간에 반복됩니다.
첫 번째 것은 이같은 모양으로
움직이는 사이클이고 
다음 것은 크기가 달라지면서
움직이는 사이클입니다
상당히 깔끔하죠
하지만 저는 이걸 더
손봐야겠다고 생각했습니다

Spanish: 
No podemos reproducir
el mismo tipo de comportamiento
pero con un poco más de estilo.
Y, luego, hacer todo tipo de locuras.
Ahora veámoslo
dentro del editor de movimiento.
Pueden ver que todos los ciclos
que generan este movimiento
de oscilación del bolígrafo
se controlan de ese modo.
Los ciclos siguientes
producen este giro
y hacen que aparezca la vista.
Todo esto fue diseñado.
En el modo de plano, si presionan Control
pueden ver las rutas de todos los objetos.
Pueden ver lo que están haciendo
con todos ellos.

Portuguese: 
Só podemos reproduzir o
mesmo tipo de comportamento
com mais estilo.
Então, ficamos loucos com isso.
Agora, vamos ver a parte interna
do Motion Editor.
Todos os ciclos que estão produzindo
esse estranho movimento
oscilante da caneta
são controlados por isso.
O próximo ciclo e o outro
que está produzindo essa oscilação...
e o
[fly] na mesma visualização.
Então, o design está concluído.
No modo "Blueprint", se você pressiona "Ctrl",
pode ver os caminhos de todos os objetos.
Vocês podem ver o que eu estou
fazendo com todos eles.

Korean: 
저희는 이와 똑같은 동작을 
다시 만들어낼 순 없지만
약간 더 멋지게 만들어 낼 수 있었습니다
진짜 마음에 드네요
이제 Motion Editor에서 
살펴보도록 하겠습니다
이렇게 흥미로운
펜의 움직임을 만들어내는 
모든 사이클은 Motion Editor에 의해
제어되고 있습니다
또 다른 뷰가 회전하며
날아 들어오는 동작을
만들어 내는 다음 사이클도
마찬가지입니다
이것들 모두가 디자인된 것입니다
재미있는 것은
청사진 모드에서 컨트롤을 누르면
모든 객체의 경로를 볼 수 있습니다
따라서 이 모든 객체를 가지고
여러분이 어떤 작업을 하고 있는지
볼 수 있는 것이죠

Chinese: 
我们复制了这个行为 但这次看起来更加时髦一些
然后再胡搞一下
下面我们来看看它在 Motion Editor 内部是怎样的
大家可以看到 所有循环都在制造这个笔尖扭动的效果
在下面的循环中 创建出了这种转圈和视图入场的效果
这都是设计的产物
有意思的是 在蓝图模式下 如果你点击 Control 
那么你就可以看到所有对象的路径
看到你 (的代码) 在如何操作它们

Indonesian: 
Kita tidak dapat meniru perilaku tersebut,
namun dapat membuat yang lebih bergaya.
Lalu kita dapat menambahkan ini.
Kita akan melihat
prosesnya di dalam Motion Editor.
Dapat dilihat semua siklus yang membuat
gerakan pena yang lucu
dikontrol oleh fitur ini.
Lalu siklus berikutnya
yang membuat gerakan berputar dan
terbang di tampilan lainnya.
Jadi ini semua telah didesain.
Menariknya, dalam mode
Cetak biru, jika menekan Kontrol
Anda dapat melihat jalur semua objek.
Jadi Anda dapat
melihat apa yang sebenarnya
Anda lakukan dengan animasi ini.

Japanese: 
同じような動作ではありませんが
もうちょっとスタイリッシュです
ここからクレイジーな感じに
Motion Editorを見ていきましょう
サイクルがこの奇妙なペンの動きを
生み出しています
このように制御されていて
次とその次のサイクルが
スピンする動きを作り出し
別のビューをスライドさせています
動きをすべて設計しています
面白いのはBlueprintモードで
コントロールを押すと
すべてのオブジェクトのパスが表示されるので
設定の通り動いているか確認できます

English: 
So we can't reproduce the
same kind of behavior,
but a little more stylish.
And then we go crazy with it.
Now let's see that
inside the Motion Editor.
So you see all the
cycles that are producing
this weird wobbling
motion of the pen
are being controlled by that.
Then the next cycle
and then the next cycle
that is producing this
spinning and then the
fly in of the other view.
So it was all designed, this.
Now interesting, in Blueprint
mode, if you the press Control,
you can actually see the
paths of all the objects.
So you can actually see
what you're actually
doing with all of them.

Spanish: 
Es una manera muy potente
de ver sus diseños.
Creé este hace algunos días, esta semana
para mostrar las capacidades
de crear diseños de animación complejos
en muy poco tiempo.
Espero que no se entusiasmen demasiado
con su aplicación real.
Bien. Ahora Nicolas hará el cierre.
Bien.
Gracias, John.
Como pueden ver, hay muchas funciones
en las que estuvimos trabajando
y que realmente nos entusiasman.
Los animamos a que las prueben.
Y nos envíen sus comentarios.
La versión Canary está disponible,
la versión Beta también
y también habrá una iteración.
Las mejoraremos.
Como se imaginan, tenemos muchas ideas

Indonesian: 
Ini adalah cara mudah dan
ampuh untuk melihat tata letak Anda.
Dan saya melakukan ini selama
beberapa hari terakhir di minggu ini,
hanya untuk menunjukkan
kemampuannya dalam melakukan
desain animasi yang
kompleks dalam waktu singkat.
Semoga Anda ingat
untuk menggunakan fitur ini
di aplikasi sesungguhnya.
Oke.
Sekarang, Nicolas, sebagai penutup.
-Oke.
Terima kasih, John.
Jadi, seperti yang Anda lihat, ada banyak
yang telah kami kerjakan, dan kami
sangat antusias untuk menunjukkannya.
Jangan ragu untuk mencobanya.
Beri kami masukan.
Versi Canary telah
dirilis, versi beta telah dirilis,
dan, tentu saja, ini
masih dalam proses iterasi.
Kami akan menyempurnakannya.
Kami punya banyak ide,
seperti yang Anda tahu,

Chinese: 
这种观察布局的方式非常简单也非常强大
我是在过去的几天内完成这些工作的
只是为了向大家展示它的强大功能
它可以在短时间内实现复杂的动画设计效果
希望大家在真正的应用中不会手忙脚乱
最后请 Nicholas 来收尾
好 谢谢 John
大家可以看到 我们正在进行的工作有很多
而且我们对此感到非常兴奋
非常希望大家踊跃尝试
为我们提供反馈
Canary 版本和 Beta 版本都已经推出了
这只是一个迭代版本 我们会持续改进
大家应该想象得出 我们有大量创意

Japanese: 
手軽にレイアウトを確認できる強力な機能です
この数日で作ったのですが
複雑なアニメーションの設計を
きわめて短時間で行えることが
分かるのではないでしょうか
アプリケーション開発で
夢中になりすぎることのないように
ではニコラがまとめます
はい
ご覧になったように
いろんなことに取り組んでいて
それをとても楽しんでいます
ぜひ試してみて感想を聞かせてください
CanaryもBetaもリリースしました
イテレーションに入って
改良を重ねていきます
たくさんのアイデアがあります
現時点で4.0ですが

Korean: 
이는 여러분의 레이아웃을 볼 수 있는 
매우 쉽고도 효과적인 방법입니다
이 데모는 제가 지난
며칠 동안 만든 것인데요
Motion Editor로
복잡한 애니메이션을 매우 짧은 시간에
디자인할 수 있다는 것을 
보여드리기 위해서 만든 것입니다
이걸 여러분의 실제 애플리케이션에
가져다 쓰지는 마시기 바랍니다
네
이제 니콜라스 씨가 마무리하시겠습니다
네
존, 고마워요
보셨듯이 저희는 지금까지 
많은 일들을 해 왔습니다
그리고 결과물에 대해 
굉장히 뿌듯한 마음입니다.
여러분이 이 툴들을 
꼭 사용해 보시기를 권합니다
저희에게 피드백을 주시고요
Canary가 출시되었고
Beta도 출시되었습니다
물론 새로운 버전도 나올 것입니다
개선 작업을 해 나갈 것입니다
짐작하시는 것처럼
저희에게는 아이디어가 많습니다

English: 
So it's a very easy powerful
way of seeing your layouts.
And I did this over the
last few days, this week,
just sort of to show it's
very capable of doing
complex animation designs
in a very little time.
Hopefully you don't
get this carried away
in your real application.
OK.
Now Nicolas, to close us out.
NICOLAS ROARD: All right.
Thank you, John.
So as you can tell,
there's a lot of stuff
that we've been working on, and
we're super excited about them.
We really would encourage
you to try them.
Give us feedback.
The Canary is out,
the beta is out,
and, of course, it's
going to be an iteration.
We are going to improve them.
We have lots of ideas,
as you can imagine,

Portuguese: 
É uma boa maneira de ver seus layouts.
Fiz isso nos últimos dias
para mostrar que é possível criar
designs de animação complexos
em pouco tempo.
Espero que vocês não percam esse controle
no seu app real.
OK.
Chamo agora o Nicolas para o encerramento.
OK.
Obrigado, John.
Como vocês podem ver, temos trabalhado
em várias coisas e estamos muito
animados com elas.
Recomendamos que vocês façam
testes com elas e
nos dêem seu feedback,
A versão canária está liberada,
a versão Beta está liberada e,
obviamente, haverá uma iteração.
Vamos melhorá-las.
Temos inúmeras ideias, como vocês
podem imaginar,

Spanish: 
pero creemos que la versión 4.0,
como se encuentra actualmente,
ya es una herramienta muy potente.
Nos entusiasma pensar
en lo que crearán con ella.
Como dije,
la versión 3.6 Beta 2 está disponible.
Prueben los ajustes
que mencionamos.
La versión 4.0 ya está disponible.
Y la versión 2.0 Beta 3
para el diseño de restricciones
también se lanzó hoy.
Bueno, no olviden
que tenemos muchas herramientas
de diseño disponibles.
El panorama es muy amplio
y funcionan muy bien en conjunto.
No hay problema si usan una
de manera aislada
pero recuerden
que cuentan con muchas funciones
que los pueden ayudar en su trabajo.
Les pedimos
que nos ayuden a informar errores.
Está el Seguimiento de problemas.
Prometemos que los revisaremos
y, algunas veces,
también los corregiremos.
Como ya dije antes,

Korean: 
하지만 저희는 4.0이 현재 상태로도
이미 매우 강력한 툴이라고 생각합니다
그리고 여러분이 이 툴을 가지고
무엇을 만들어내실지 기대가 됩니다
말씀드린 것처럼
3.6 Beta 2가 출시되었습니다
저희가 말씀드린 
개선된 기능들을
사용해 보세요
4.0은 지금 사용하실 수 있고
Constraint Layout 2.0 Beta 3 역시
오늘 출시되었습니다
이제 이 모든 다양한
디자인 툴이 있다는 것을
기억해 주시기 바랍니다
그리고 그것들은 큰 그림을
완성하기 위한 시작점이 될 것이고
한 데 어우러져 
좋은 성과를 낼 것입니다
이 툴들을 개별적으로 사용하는 것도
정말 좋습니다만
여러분의 일에 도움을 주는
다른 모든 툴들이 있다는 사실도
기억해 주시기 바랍니다
그리고 저희를 도와주시는
의미로 버그를 신고해 주세요
이슈 트래커를 사용하시면 됩니다
저희는 신고된 버그를 살펴보고 있고요
경우에 따라 버그를 수정하기도 합니다
제가 전에 말씀드린 것처럼

Chinese: 
我们确实认为 在如今的4.0版本中
它已经是一款非常强大的工具了
非常期待看到大家使用它创作出的作品
我说过 3.6 Beta 2 版本已经推出
请大家试用 体验一下我们提到过的改进
4.0版本现在已经开放下载
Constraint Layout 2.0 Beta 3 今天也已经发布
此外 请记住 我们现在提供了大量的设计工具
它们协作起来十分顺畅 可以构建起庞大的结构来
单独用其中的任何一个 都是很好的
但是请别忘了 这些工具对你的工作都有帮助
请大家多向我们提交 bug 
我们准备了问题追踪页面
我向大家保证 我们会好好关注这些 bug
而且 有时候我们还可以修复它们

English: 
but we really think that
as it stands today, in 4.0,
it's already a very,
very powerful tool.
And we can't wait to see what
you're going to create with it.
As I mentioned 3.6 Beta
2, I think, is out.
Give it a try for
those refinements
that we talked about.
4.0 is available today.
And 2.0 Beta 3 for
Constraint Layout
has been released today as well.
So the other thing
is to keep in mind
that we have all those
difference design tools now.
And it's starting to build
up a pretty large picture.
And they really
work well together.
They really-- if you use one
in isolation, that's great,
and they are really
nice, but keep in mind,
you have all those
other stuff that
will help you during your work.
And on that note, to help
us, please do file bugs.
There's the Issue Tracker.
I promise you we do
look at those bugs,
and sometimes we do
fix them as well.
But it is-- as I
mentioned earlier--

Indonesian: 
namun kami pikir
untuk sekarang, di versi 4.0,
alat ini sudah sangat luar biasa.
Dan kami tidak sabar
melihat kreasi Anda dengan alat ini.
Seperti yang saya
sebutkan, versi 3.6 Beta 2 telah dirilis.
Silakan mencobanya guna melihat
perbaikan yang ada.
Kini versi 4.0 telah tersedia.
Dan Constraint Layout versi 2.0 Beta 3
juga telah dirilis pada hari ini.
Jadi, selalu ingat bahwa
kini telah tersedia berbagai alat desain.
Alat-alat ini mulai
mengembangkan hasil yang sangat bagus.
Dan alat ini dapat saling melengkapi.
Jika Anda menggunakan
satu alat saja, tidak masalah,
alat ini memang sangat bagus, tapi ingat,
ada banyak alat lainnya
yang akan membantu pekerjaan Anda.
Selain itu, untuk membantu
kami, jangan ragu untuk melaporkan bug.
Telah tersedia Pelacak Masalah.
Saya jamin kami akan
memeriksa bug tersebut,
dan terkadang, kami juga memperbaikinya.
Tapi seperti yang
saya sebutkan di awal

Portuguese: 
mas, acreditamos que, como
estamos hoje na 4.0,
já é uma ferramenta muito poderosa.
queremos ver o que vocês podem
criar com ela.
Como eu falei, a versão
3.6 Beta 2 está liberada.
Experimentem essa versão para
os refinamentos
sobre os quais conversamos.
A 4.0 está disponível hoje.
E a 2.0 Beta para o Constraint Layout
também foi liberada hoje.
Lembrem-se também
que agora todos nós temos essas
ferramentas de design diferentes.
Estamos vislumbrando um
novo e grande cenário.
E elas funcionam muito bem juntas.
Se você usar apenas uma,
isoladamente, tudo bem.
mas lembrem-se de que
vocês têm todas essas coisas
que ajudarão vocês a trabalharem.
Nesse sentido, registrem
os bugs para nos ajudarem.
Temos o Issue Tracker.
Posso afirmar que analisamos esses bugs
e até mesmo os corrigimos.
Como eu mencionei antes,

Japanese: 
非常に強力なツールになっていると思います
皆さんがどんなものを創るか楽しみです
先に触れましたが
3.6 Beta 2の提供を開始しています
実際に手に触れて確かめてください
4.0は本日提供を開始します
ConstraintLayoutの
2.0 Beta 3もです
現在これだけの種類のデザインツールがあり
かなり膨大になりつつありますが
どれも円滑に連携して機能します
単体で使うのも良いですが
組み合わせれば
作業の助けになるツールがたくさんあります
Issue Trackerでバグの報告も
よろしくお願いします
報告されたバグは検証し
ときどき修正もすることをお約束します
先ほど触れたように

Korean: 
저희는 개발자 여러분에게 
가치있는 툴을 만들기 위해
애쓰고 있습니다
여러분의 삶을 
보다 편하게 해드리기 위해
애쓰고 있고 
저희가 가치있는 일을 할 때
그러한 목표가 
이루어질 수 있습니다
대단히 감사합니다
잠시 후에 Motion Layout
코드랩이 열릴 예정입니다
20분 후에요
한번 들러 보시기 바랍니다
질문에 대해 답변을 드릴 수 있고, 
저희와 코드랩 작업을 해 보실 수도 있습니다
또한 질문해 주시면 
기꺼이 답변해 드리겠습니다
감사합니다
감사합니다
[박수]
[음악 재생]

Spanish: 
tratamos de crear herramientas
que les resulten valiosas.
Tratamos de simplificarles la vida
y a esos nos dedicamos,
a crear herramientas que valgan la pena.
Muchas gracias.
Más tarde tendremos un codelab
de diseño de movimiento.
En 20 minutos.
Pueden darse una vuelta,
responderemos preguntas
y pueden hacer el codelab
con nosotros.
Estaremos encantados.
Gracias.
Gracias.
[Aplausos]
[Música]

English: 
we try to build tools
that are valuable for you
as a developer.
We try to make your
life easier, and that's
all we can make it happen,
right, to make sure that we
do something worthwhile.
And on that note,
thank you very much.
We have a motion layout
Codelab a little after.
JOHN HOFORD: 20 minutes.
NICOLAS ROARD: So
you can pass by,
we can answer our questions, and
you can do the Codelab with us.
We're more than happy
to have questions, also.
Thank you.
PARIS HSU: Thank you.
[APPLAUSE]
[MUSIC PLAYING]

Portuguese: 
tentamos criar ferramentas
que sejam valiosas para vocês,
enquanto desenvolvedores.
Tentamos facilitar a vida de vocês, e
podemos isso para ter certeza
de que tudo vale a pena.
Então, muito obrigado.
Teremos um codelab sobre o
Motion Layout mais tarde.
Em 20 minutos.
Então, dêem uma passada,
e responderemos às suas perguntas,
e vocês farão do codelab conosco.
Teremos muito prazer em repondê-las.
Obrigado
Obrigada.

Indonesian: 
kami berupaya membuat alat yang
berguna bagi Anda sebagai developer.
Kami berupaya
memudahkan pekerjaan Anda, dan
kami dapat
merealisasikannya, untuk memastikan
usaha kami bermanfaat.
Dan akhirnya, saya
ucapkan terima kasih banyak.
Sesaat lagi akan ada
seminar tentang Lab kode Motion Layout.
-20 menit lagi.
-Silakan datang,
kami akan menjawab pertanyaan
Anda, dan kita dapat melakukan Codelab.
Kami juga terbuka
untuk berbagai pertanyaan.
Terima kasih
-Terima kasih.

Japanese: 
開発者に役立つツールの構築に励んでいます
開発を楽にすること
価値ある仕事をすること
それが私たちにできるすべてです
どうもありがとうございます
MotionLayout Codelabがすぐに始まります
あと20分です
ぜひ立ち寄ってCodelabにご参加ください
質問にも喜んで応じます
ありがとうございました

Chinese: 
我曾经提到过 我们会努力为开发者制作出有用的工具
让大家工作起来更省力 
这就是我们工作的价值所在
今天就讲到这里 非常感谢大家
稍后我们会提供一个动效代码实验室
20分钟后
欢迎大家拜访 
我们会回答大家的问题 和大家一起操作这个代码实验室
非常欢迎大家前来向我们提问
谢谢大家
