Remember the coffee bean trail,
Katherine?
>> How can I forget?
>> I know.
>> You spilled it all over me.
[LAUGH]
>> [LAUGH] So
we talked about how there would
be three big parts to Lesson one.
>> Mm-hm.
>> And we spoke about image and
TextView.
And then we learned how
to style those views.
>> Yes.
>> Where are we going next?
>> Well, I was thinking.
Since we only have one view
on the screen right now.
>> Yeah.
>> It's a little boring, so
we should add more than one view.
>> Right.
And if you think about it,
all of the fun apps that we use,
YouTube, OkCupid,
what's another one that comes to mind?
>> Gmail.
>> Gmail,
they all seem to have more
than one views packed in
very neatly on the screen together.
>> Yeah.
And the way they do
that is through view groups.
>> Mm-hm.
>> So we'll learn about that next.
And that gives us the power to
also position views on the screen
where we want them.
>> Right.
So lets talk about view groups next.
>> So
far we've only had a single TextView or
a single ImageView on screen.
If we want to add another view below
it we could try to just copy this and
paste it below it.
But then we get an error.
It says the XML document has
more than one root view.
There can only be one root view, and it
should enclose all of your other views.
If we want both of these
TextViews to appear on screen and
not be lonely anymore, then we
need to put them in a View Group.
The View Group will then be
the single root view for the layout.
View Groups are also views and
they are rectangles on the screen.
For example the red and orange
rectangles here are all View Groups.
They can have a width, a height or
a background color, or other attributes.
Background color here is orange.
Orange.
But it could also be transparent so
the View Group isn't
even visible to the user.
Instead of holding some content like
text for TextView or an image for
an ImageView, the content that
a View Group holds is other views.
You can think of a view group
as being a container for views.
When a view contains other views,
we call it the parent of these views.
So this is the parent.
This is the parent.
And this is the parent.
When a view is inside of a View Group,
we call it the child of that View Group.
So this is a child, and
this is a child, and this is a child.
Same here, there are two children here,
and two children here.
Continuing with the family language,
if there are multiple children,
then each of those children
are siblings to each other.
These are sibling views, and
these are sibling views.
Okay, that was a lot.
To help you remember all the terminology
around parent and child and view and
View Group, I want you to meet
a very nice family called the Views.
You've already met Tommy TextView.
He's pretty great at displaying text.
You also know his sister, Ivy ImageView,
who displayed very beautiful images.
And now we're meeting their parents.
It's always nerve racking
to meet the parents.
So we have Laura the LinearLayout and
Ray the RelativeLayout.
These are both View Groups,
which we mentioned before
are called Parent Views.
Then the Children Views
are positioned based on their parent.
Let's look at an example of one parent.
A parent may tell their child to sit or
stand in a specific place and
not to move.
Let's ignore the possibility that
the child might want to get up
and run around.
Because that's just an edge case.
On a device this means that a parent
has control over where to position
its children.
For example, one child Text View
can be at the top of the screen and
then a second child
ImageView can be below that.
Or, if the parent wishes,
they can rearrange the children
in a different way.
The child ImageView can be on the left,
and
then the child TextView
can be on the right.
We're going to talk about view groups
in more detail in this lesson, but
to make sure that you've
understood what we've covered so
far, please answer these questions.
For the screenshot on this device, can
you tell me how many views there are?
Number 2.
For the mountain image, is it a child or
a parent of the red view group.
Number 3, is the red view group a child
or a parent of the hiking text view.
Number 4, which of these views
are siblings of each other.
And you can just list them here.
أتذكرين مسار حبات البن، يا كاثرين؟
كيف أستطيع أن أنسى؟
- أعلم
- لقد أسقطتها عليّ في كل مكان
إذاً
تحدثنا بأنه سيكون هنالك
ثلاثة أقسام كبيرة في الدرس الأول
- هذا صحيح
- و تحدثنا عن ImageView و TextView
وثم تعلمنا كيف نغير من تصميم طرق العرض هذه
- نعم
- إلى أين سننتقل بعد ذلك؟
- حسناً، كنت أفكر
- بما أن لدينا طريقة عرض واحدة
على الشاشة الآن
- نعم
- هي مملة قليلاً، لذا علينا أن نضيف
أكثر من طريقة عرض واحدة
- صحيح
و إن كنتِ تفكرين بهذا الشيء،
جميع التطبيقات المسلية التي نستعملها
يوتيوب، اوك كيوبد، ما هي التطبيقات الأخرى
التي تتبادر إلى الذهن؟
- جي ميل
- جي ميل
و يبدو أن لدى كل هذه التطبيقات
أكثر من طريقة عرض واحدة
جميعها موضبة بشكل متقن جداً معا على الشاشة
- نعم، والطريقة التي يفعلون بها هذا
هي من خلال متحول من الصف ViewGroup
امممم
إذا سوف نعرف عن هذا لاحقاً
وهذا يعطينا القدرة
على وضع طرق العرض على الشاشة
حيثما نريد وضعهم
صحيح
إذاً فلنتحدث بعد هذا عن مجموعات العرض
حتى الآن كان لدينا فقط TextView واحد
أو ImageView واحد على الشاشة
إن أردنا إضافة طريقة عرض أخرى تحت هذا
يمكننا محاولة نسخ هذا
ولصقه تحته
ولكن عندها سنحصل على خطأ
يقول الخطأ أن مستند XML
يحوي أكثر من طريقة عرض جذرية
لا يمكن أن يكون هنالك إلا طريقة عرض
واحدة كجذر ويجب أن تشتمل على بقية طرق العرض
إن كنا نريد كلا هذين الـ TextView
أن يظهرا على الشاشة
لا يكون أي منهما وحيداً، ثم نحن بحاجة
لأن نضعهما في مجموعة طريقة العرض
و سيكون مجموعة طريقة العرض عندها يكون طريقة
العرض الجذر الوحيدة لهذا النسق
المتحولات من النمط ViewGroup هي أيضاً
طرق عرض وهي عبارة عن مستطيلات على الشاشة
مثلاً المستطيلات الحمراء و البرتقالية
هنا هي جميعها متحولات ViewGroup
يمكن أن يكون لها width و height
أو background_color، أو حتى واصفات أخرى
background_color هنا هو برتقالي.
برتقالي. ولكنها قد تكون أيضا شفافة
و ذلك لكي لا تكون الـ ViewGroup مرئية
حتى من قبل المستخدم
فبدل وضع محتوى ما كنص
في TextView أو صورة ما في ImageView،
إن المحتوى الذي تشمله الـ ViewGroup
هو ViewGroup أخرى
يمكنك أن تفكر بالـ ViewGroup كصندوق
يحوي مجموعات العرض
عندما تحتوي طريقة عرض على طريقة عرض أخرى
نسميه الأب لطريقة العرض هذه.
إذاً هذا هو االأب.
و هذا هو الأب
وهذا هو الأب
عندما تكون طريقة عرض داخل ViewGroup نسمي
طريقة العرض هذه ابنا لذلك الـ ViewGroup
إذا هذا ابن، و هذا ابن، و هذا ابن
وبالمثل هنا، هنالك ابنان هنا وابنان هنا
استكمالاً للحديث بلغة العائلة
إذا كان للأب عدة أبناء
فإن أياً من هؤلاء الأبناء هو أخ للآخرين
طرق العرض هذه أخوة
كما أن طرق العرض هؤلاء أخوة
حسناً، لقد كان ذلك كثيراً
لمساعدتك على تذكر كل المصطلحات بما يتعلق
بكل من الأب والابن وطريقة العرض وViewGroup
أريد منكم أن تتعرفو على عائلة لطيفة جداً
تدعى طرق العرض
قد قابلتم مسبقاً تومي TextView
و هو بارع جداً في إظهار النصوص.
أنتم تعرفون أخته أيضاً آيفي ImageView
والتي تعرض صوراً جميلة جداً
و نحن الآن بصدد مقابلة أبويهما
إن مقابلة الأهل مرهقة للأعصاب دوماً
إذاً لدينا لورا LinearLayout
و راي RelativeLayout
إن كلاهما ViewGroups
واللذان ذكرنا من قبل أنهما يدعيان
طرق عرض آباء
إذاً فإن الـ views الأبناء تتم وضعهم
بناءاً على آبائهم
دعونا ننظر إلى مثال مكون من أب واحد
قد يقول الأب لأبنائه بأن يجلسوا
أو أن يقفوا في مكان معين وألا يتحركوا
دعونا نتجاهل إمكانية
أن يرغب ابن ما الوقوف والهرب
لأن هذه حالة متطرفة فقط
على جهاز ما، هذا يعني بأن الأب يملك السيطرة
على مكان توضع أبنائه
مثلاً، قد يوضع ابن TextView في أعلى الشاشة
ثم يوضع ابن ثان ImageView تحت الابن الأول
أو، إن أراد الأب
يمكنه إعادة ترتيب الأطفال بطريقة مختلفة
قد يكون الابن ImageView متوضعاً يساراً
و بهذا يستطيع الابن TextView أن يتوضع يمينا
سنتحدث عن الـ ViewGroup بشكل أكثر تفصيلاً
في هذا الدرس
لكن للتأكد من كونكم فهمتم
ما أكملناه من مواضيع حتى الآن
رجاءاً أجيبوا على هذه الأسئلة
لدينا صورة الشاشة لهذا الجهاز، هل تستطيعون
إخباري عن عدد طرق العرض الموجودة هنا؟
السؤال الثاني بالنسبة لصورة الجبل،
هل هذه طريقة عرض
ابن أو أب لـ ViewGroup ذو اللون الأحمر
السؤال الثالث، هل طريقة العرض ذات اللون
الأحمر ابن أو أب لـ TextView المسماة hiking
السؤال الرابع، أي من طرق العرض
هؤلاء هم أخوة لبعضهم البعض؟
يمكنكم أن تسجلوها هنا.
Remember the coffee bean trail,
Katherine?
>> How can I forget?
>> I know.
>> You spilled it all over me.
[LAUGH]
>> [LAUGH] So
we talked about how there would
be three big parts to Lesson one.
>> Mm-hm.
>> And we spoke about image and
TextView.
And then we learned how
to style those views.
>> Yes.
>> Where are we going next?
>> Well, I was thinking.
Since we only have one view
on the screen right now.
>> Yeah.
>> It's a little boring, so
we should add more than one view.
>> Right.
And if you think about it,
all of the fun apps that we use,
YouTube, OkCupid,
what's another one that comes to mind?
>> Gmail.
>> Gmail,
they all seem to have more
than one views packed in
very neatly on the screen together.
>> Yeah.
And the way they do
that is through view groups.
>> Mm-hm.
>> So we'll learn about that next.
And that gives us the power to
also position views on the screen
where we want them.
>> Right.
So lets talk about view groups next.
>> So
far we've only had a single TextView or
a single ImageView on screen.
If we want to add another view below
it we could try to just copy this and
paste it below it.
But then we get an error.
It says the XML document has
more than one root view.
There can only be one root view, and it
should enclose all of your other views.
If we want both of these
TextViews to appear on screen and
not be lonely anymore, then we
need to put them in a View Group.
The View Group will then be
the single root view for the layout.
View Groups are also views and
they are rectangles on the screen.
For example the red and orange
rectangles here are all View Groups.
They can have a width, a height or
a background color, or other attributes.
Background color here is orange.
Orange.
But it could also be transparent so
the View Group isn't
even visible to the user.
Instead of holding some content like
text for TextView or an image for
an ImageView, the content that
a View Group holds is other views.
You can think of a view group
as being a container for views.
When a view contains other views,
we call it the parent of these views.
So this is the parent.
This is the parent.
And this is the parent.
When a view is inside of a View Group,
we call it the child of that View Group.
So this is a child, and
this is a child, and this is a child.
Same here, there are two children here,
and two children here.
Continuing with the family language,
if there are multiple children,
then each of those children
are siblings to each other.
These are sibling views, and
these are sibling views.
Okay, that was a lot.
To help you remember all the terminology
around parent and child and view and
View Group, I want you to meet
a very nice family called the Views.
You've already met Tommy TextView.
He's pretty great at displaying text.
You also know his sister, Ivy ImageView,
who displayed very beautiful images.
And now we're meeting their parents.
It's always nerve racking
to meet the parents.
So we have Laura the LinearLayout and
Ray the RelativeLayout.
These are both View Groups,
which we mentioned before
are called Parent Views.
Then the Children Views
are positioned based on their parent.
Let's look at an example of one parent.
A parent may tell their child to sit or
stand in a specific place and
not to move.
Let's ignore the possibility that
the child might want to get up
and run around.
Because that's just an edge case.
On a device this means that a parent
has control over where to position
its children.
For example, one child Text View
can be at the top of the screen and
then a second child
ImageView can be below that.
Or, if the parent wishes,
they can rearrange the children
in a different way.
The child ImageView can be on the left,
and
then the child TextView
can be on the right.
We're going to talk about view groups
in more detail in this lesson, but
to make sure that you've
understood what we've covered so
far, please answer these questions.
For the screenshot on this device, can
you tell me how many views there are?
Number 2.
For the mountain image, is it a child or
a parent of the red view group.
Number 3, is the red view group a child
or a parent of the hiking text view.
Number 4, which of these views
are siblings of each other.
And you can just list them here.
¿Te acuerdas del camino de granos de café,
Katherine?
¿Cómo me voy a olvidar?
Me lo tiraste encima.
Entonces dijimos que habría
tres grandes partes en la lección 1.
Hablamos de imagen y TextView.
Después aprendimos
cómo aplicar estilos a esas Views.
¿Qué es lo siguiente que haremos?
Bueno, pensaba que como solo tenemos
una View en la pantalla ahora,
es un poco aburrido,
así que deberíamos añadir más Views.
Muy bien. Y si lo piensas,
las aplicaciones divertidas que usamos,
YouTube, OkCupid...
¿Se te ocurre alguna otra?
-Gmail.
-Gmail.
Todas parecen tener diversas Views
integradas juntas
perfectamente en la pantalla.
Y la manera en que lo hacen
es mediante ViewGroups.
A continuación aprenderemos sobre ello.
Eso nos brinda la posibilidad de colocar
las Views en la pantalla donde queremos.
Muy bien.
Entonces, hablemos de ViewGroups.
Hasta ahora solo hemos tenido un TextView
o una sola ImageView en la pantalla.
Si queremos añadir otra View debajo,
podemos probar a copiar esto
y pegarlo debajo.
Pero entonces nos aparece un error.
Dice: "El documento XML
tiene más de una View raíz.
Solo puede haber una View raíz,
que debe contener el resto de Views."
Si queremos que estos dos TextViews
aparezcan en pantalla,
para que ya no esté solo,
tenemos que ponerlos en un ViewGroup.
El ViewGroup será
la única View raíz del diseño.
Los ViewGroups también son Views
y son rectángulos en la pantalla.
Por ejemplo, los rectángulos rojos
y naranjas de aquí son ViewGroups.
Pueden tener anchura, altura,
color de fondo u otros atributos.
El color de fondo en este es naranja,
pero también podría ser transparente,
de manera que el ViewGroup
es invisible para el usuario.
En lugar de tener contenido,
como el texto en un TextView,
o la imagen en una ImageView,
un ViewGroup contiene otras Views.
Podéis imaginaros un ViewGroup
como un recipiente de Views.
Cuando una View contiene otras Views,
decimos que es el parent [padre]
de esas Views.
Así que este es el padre,
este es el padre
y este es el padre.
Cuando una View
está dentro de un ViewGroup,
decimos que es
el child [hijo] de ese ViewGroup.
Así que esta es el hijo,
esta es el hijo, y esta es el hijo.
Y aquí igual, hay dos hijos,
y aquí también hay dos hijos.
Seguimos con el vocabulario de la familia,
y si hay varios hijos,
cada uno de ellos es
sibling [hermano] de los otros.
Estas Views son hermanas,
y estas dos también.
Esto ha sido mucho.
Para ayudaros a recordar
toda la terminología
sobre padre, hijo, View y ViewGroup,
quiero presentaros a una familia
muy simpática, los View.
Ya conocéis a Tommy TextView.
Es bastante bueno para mostrar texto.
También conocéis a su hermana,
Ivy ImageView,
que mostró imágenes preciosas.
Y ahora conoceremos a sus padres.
Siempre pone nervioso
conocer a los padres.
Así que tenemos a Laura LinearLayout
y a Ray, el RelativeLayout.
Ambos son ViewGroups,
que, como hemos dicho,
se llaman Parent Views [Views padres].
Las Children Views [Views hijas]
se colocan según su padre.
Veamos un ejemplo de un padre.
Un padre puede decir a su hijo
que se siente o se quede
en un lugar concreto y que no se mueva.
Ignoremos la posibilidad de que el hijo
se quiera levantar y corretear,
porque eso es un caso extremo.
En un dispositivo,
significa
que un padre tiene control
sobre la posición de sus hijos.
Por ejemplo, un hijo TextView puede estar
en la parte superior de la pantalla,
y un segundo hijo, ImageView,
puede estar justo debajo.
O, si el padre quiere, puede recolocar
a los hijos de otra manera.
La hija ImageView
puede estar a la izquierda,
y el hijo TextView
puede estar en la derecha.
Trataremos más detenidamente
los ViewGroups en esta lección,
pero para comprobar que habéis entendido
lo que hemos visto hasta ahora,
por favor, responded estas preguntas.
En el pantallazo de este dispositivo,
¿podéis decirme cuántas Views hay?
Número 2. La imagen de la montaña,
¿es hija o padre del ViewGroup rojo?
Número 3. El ViewGroup rojo,
¿es hijo o padre del TextView de "Hiking"?
Número 4. ¿Cuáles de estas Views
son hermanas?
Podéis anotarlas aquí.
Tu te souviens des grains de cafés,
Katherine?
Comment oublier ?
Tu me les a renversés dessus.
Alors...
On a dit que la leçon 1 serait divisée
en trois grandes parties.
Et nous avons parlé
des vues image et texte.
Puis nous avons vu
comment leur appliquer un style.
Quelle est la prochaine étape ?
Je me disais : pour le moment
on n'a qu'une vue sur l'écran.
Oui.
C'est un peu triste,
il faudrait en ajouter d'autres.
Exact.
Et quand on y pense,
toutes les app sympas qu'on utilise,
YouTube, OkCupid,
est-ce que tu penses à une autre ?
- Gmail.
- Gmail.
Toutes ces apps ont plusieurs vues
élégamment combinées sur l'écran.
- C'est vrai. Et elles font ça
grâce aux groupes de vues.
Donc on va aborder ça
maintenant.
En plus, ça nous permet
de placer les vues sur l'écran
où on le souhaite.
Intéressons-nous donc à présent
aux groupes de vues.
Jusqu'ici, nous n'avions
qu'une seule Vue Texte
ou une seule Vue Image
sur l'écran.
Pour ajouter une nouvelle vue en dessous,
on peut essayer de copier ce bloc
et simplement le coller en dessous.
Sauf qu'on obtient une erreur.
Ça dit que le document XML
a plus d'une vue racine.
Il ne peut y avoir qu'une seule vue racine
qui doit renfermer toutes les autres vues.
Si l'on veut faire apparaître
ces deux Vues Texte sur l'écran
et qu'elles ne soient plus isolées,
il faut les mettre dans un Groupe de Vues.
Le Groupe de Vues sera alors l'unique
vue racine pour la page.
Les Groupes de Vues sont aussi des vues,
ce sont donc des rectangles sur l'écran.
Ainsi, ces rectangles rouges et orange
sont tous des Groupes de Vues.
Ils peuvent avoir une largeur,
une hauteur,
une couleur d'arrière-plan,
et d'autres attributs.
Ici, l'arrière-plan est orange,
Mais il pourrait aussi être transparent
pour que le Groupe de Vues ne soit
pas visible de l'utilisateur.
Au lieu de renfermer du contenu
comme du texte pour une Vue Texte
ou de l'image pour une Vue Image,
un Groupe de Vues contient d'autres vues.
On peut voir un Groupe de Vues
comme un récipient à vues.
Quand une vue contient d'autres vues,
on dit qu'elle est parente de ces vues.
Donc ça c'est le parent.
Ça aussi, et ça aussi.
Une vue à l'intérieur d'un Groupe de Vues
est appelée l'enfant de ce Groupe de Vues.
Donc celle-ci est un enfant, et celle-ci,
et celle-ci.
Pareil ici : il y a deux enfants ici,
et deux enfants ici.
Pour continuer avec les termes de famille,
S'il y a plusieurs enfants,
ces enfants appartiennent
à une même fratrie.
Ces vues sont de la même fratrie,
comme celles-ci.
Bon, ça fait beaucoup.
Pour vous aider à mémoriser
cette terminologie de parents et enfants,
et de vues et Groupes de Vues,
je vous présente la famille Vue.
Vous connaissez déjà Tommy Vue-Texte.
Son truc, c'est d'afficher du texte.
Vous connaissez aussi sa soeur
Ivy Vue-Image,
qui affiche des images magnifiques.
Maintenant on va rencontrer leurs parents.
C'est toujours angoissant
quand on rencontre les parents.
Nous avons Laura Structure-Linéaire,
et Ray Structure-Relative.
Tous deux sont des Groupes de Vues.
Comme on l'a déjà dit,
on les appelle des vues parentes.
Et la disposition des vues enfants
dépend de leurs parents.
Considérons un exemple de parent.
Un parent peut demander à un enfant
de s'asseoir à une place particulière
et de ne pas bouger.
Écartons la possibilité
que l'enfant décide
de se lever et d'aller se balader,
car c'est un cas particulier.
Cela signifie que sur l'appareil,
le parent contrôle la position
de ses enfants.
Ainsi on peut avoir
un enfant Vue Texte en haut de l'écran
et un enfant Vue Image en-dessous.
Ou bien, si le parent le souhaite,
leur disposition peut être modifiée.
L'enfant Vue Image peut être à gauche,
et l'enfant Vue Texte à droite.
On va parler des Groupes de Vues
plus en détail dans cette leçon,
mais pour s'assurer que vous ayez compris
ce qu'on a dit jusqu'ici,
je vous demande de répondre
à quelques questions.
Sur cette capture d'écran,
combien y a-t-il de vues ?
Deux : l'image de la montagne
est-elle un enfant ou un parent
du Groupe de Vue rouge ?
Trois : le Groupe de Vues rouge
est-il parent ou enfant
de la Vue Texte "hiking" ?
Quatre : lesquelles de ces vues
appartiennent à une même fratrie ?
Notez-les ici.
Ingat bekas kacang kopi, Katherine?
Bagaimana saya bisa lupa?
- Saya tahu.
- kau menumpahkannya ke seluruh tubuhku.
- [TERTAWA]
- [TERTAWA] Jadi
kita berbicara tentang bagaimana akan ada
tiga bagian besar untuk Pelajaran satu.
Dan kita berbicara tentang
gambar dan tampilan teks.
Dan kemudian kita belajar bagaimana
untuk menggubah tampilan tersebut.
- Ya.
- Ke mana kita pergi setelahnya?
Saya berpikir.
Karena kita hanya memiliki satu tampilan
di layar sekarang.
Ini sedikit membosankan, jadi kita harus
menambahkan lebih dari satu tampilan.
Benar! Dan jika kaupikirkan soal semua
aplikasi menyenangkan yang kita gunakan,
YouTube, OkCupid,
apa lagi yang muncul di pikiranmu?
- Gmail.
- Gmail,
mereka semua tampaknya
mempunyai lebih dari satu tampilan
dan sangat rapi pada layar bersama-sama.
Dan cara mereka lakukan
adalah melalui pandangan kelompok.
Jadi kita akan belajar
mengenai hal itu selanjutnya.
Dan itu memberi kita kekuatan untuk
juga memposisikan tampilan pada layar
- di mana kita menginginkannya.
- Benar
Jadi mari kita bicara tentang
pandangan kelompok selanjutnya.
Sejauh ini kita hanya
mempunyai tampilan layar tunggal
atau sebuah tampilang gambar pada layar.
Jika kita ingin menambahkan
tampilan lain di bawahnya
kita bisa mencoba menyalin ini
dan menempelkannya di bawahnya.
Tapi kemudian kita mendapatkan kesalahan.
Dia mengatakan, dokumen XML
memiliki lebih dari satu tampilan utama.
Hanya ada satu tampilan utama, dan
harus meliputi semua tampilan yang lain.
Jika kita ingin kedua tampilan teks ini
muncul di layar dan
dan tidak kesepian lagi, maka kita harus
menempatkan mereka dalam Tampilan Grup.
Tampilan Grup kemudian akan menjadi
tampilan utama untuk tata letak.
Tampilan Grup juga merupakan tampilan
dan mereka persegi panjang di layar.
Misalnya, persegi panjang merah
dan oranye di sini adalah Tampilan Grup.
Mereka dapat memiliki lebar, tinggi atau
warna latar belakang atau atribut lainnya.
Warna latar belakang warna di sini
adalah oranye.
Tapi bisa juga menjadi transparan
sehingga Tampilan Grup bahkan
tidak terlihat oleh pengguna.
Daripada memegang beberapa konten
seperti teks untuk tampilan teks
atau gambar untuk tampilan gambar.
Konten yang ada di Tampilan Grup
adalah tampilan lainnya.
Kau dapat menganggap tampilan grup
sebagai wadah untuk dilihat.
Saat tampilang mengandung tampilan lain,
...kita menyebutnya orang tua
tampilan-tampilan tersebut.
Jadi ini adalah orang tuanya.
Dan ini adalah orang tuanya.
Ini orang tuanya.
Saat tampilan di dalam Tampilan Grup,
kita menyebutnya anak dari Tampilan Grup.
Jadi ini adalah anaknya,
ini anaknya dan ini adalah anaknya.
Sama seperti di sini, ada dua
anak di sini dan dua anak di sini.
Melanjutkan dengan bahasa keluarga,
jika ada beberapa anak-anak,
maka masing-masing anak
adalah saudara satu sama lain.
Ini saudara tampilan,
dan ini saudara tampilan.
Oke, itu banyak.
Untuk membantumu
mengingat semua terminologi
mengenai orang tua dan anak,
tampilan dan Tampilan Grup,
saya ingin kau bertemu
keluarga yang sangat baik disebut Views.
Kau sudah bertemu Tommy TextView.
Dia cukup hebat dalam menampilkan teks.
Kau juga tahu adiknya, Ivy ImageView,
yang menampilkan gambar yang sangat indah.
Dan sekarang kita bertemu
orang tua mereka.
Itu selalu memeras keberanian
untuk bertemu dengan orang tua.
Jadi kita memiliki Laura LinearLayout
dan Ray RelativeLayout.
Keduanya adalah Tampilan Grup,
yang kami sebutkan sebelumnya
sebagai Tampilan Orang Tua.
Kemudian Tampilan Anak-Anak
diposisikan berdasarkan orang tua mereka.
Mari kita lihat contoh
dari salah satu orang tua.
Orang tua mungkin mengatakan
kepada anak-anak mereka
untuk duduk atau berdiri
di tempat tertentu dan tidak bergerak.
Mari kita mengabaikan kemungkinan
bahwa anak itu mungkin ingin bangun
dan berjalan-jalan di sekitar.
Karena itu hanya kasus tepi.
Pada perangkat ini berarti bahwa
orang tua mempunyai kontrol
atas posisi anak-anaknya.
Misalnya, satu anak TextView
dapat di bagian atas layar
dan kemudian anak kedua
ImageView dapat berada di bawahnya.
Atau, jika orang tua menginginkannya,
mereka dapat mengatur ulang
anak-anak mereka dengan cara yang berbeda.
Anak ImageView bisa di sebelah kiri,
dan anak TextView
dapat berada di sebelah kanan.
Kami akan berbicara tentang Tampilan Grup
secara lebih rinci dalam pelajaran ini,
tapi untuk memastikan kau mengerti
apa yang telah kita bahas sejauh ini
silahkan menjawab
pertanyaan-pertanyaan ini.
Untuk screenshot pada perangkat ini,
beritahu aku ada berapa tampilan di sana?
Nomor dua.
Untuk gambar gunung,
apakah itu anak atau orang tua
dalam tampilan grup merah tersebut?
Nomor tiga.
Apakah tampilan grup merah merah merupakan
anak atau orang tua dari tampilan HIKING?
Nomor empat.
mana yang merupakan saudara
satu sama lain dari tampilan-tampilan ini.
Dan kau bisa menuliskan mereka di sini.
コーヒー豆の小道を覚えているかい
キャサリン?
>> どうして忘れると思うの?
>> わかってるよ
>> あなたはそれを私の上にこぼしたでしょ?
>>(笑)
それで―
僕達はどのようにその 三つのパーツが
存在するのかをレッスン 1 で話した
>> うん
>> それと 僕達は イメージと―
テキストビューについて話した
それから それらのビューを
どう作るかを学んだ
>> そうね
>> さて 次はどこに行くだろう?
>> ええ 私考えていたわ
私達は今 画面に一つの
ビューしかもっていない
>> そうだ
>> それはちょっと退屈だと思う だから
もう一つビューを足すべきだと思うわ
>> そうだね
そして もし君がそう思うなら
僕達が使う全ての楽しいアプリ―
YouTube や OkCupid とか
他に何か思いつくものはある?
>> G メール
>> G メール
それら全て
一つ以上のビューが―
画面上に非常に整って
封入されているように思える
>> そうね
そしてその方法は―
ビューグループを通すこと
>> うん うん
>> だから それを私達は
次に勉強する
そして それは私達が求める
画面上のビューの―
ポジションについても
また力を与えてくれる
>> そうだ
そこで次は
ビューグループについて話していこう
>> 今まで私達は 画面上の
単独のテキストビューまたは―
単独のイメージビューだけを
扱ってきました
もう一つのビューを下に加えたいなら
ただこれをその下に―
コピー&ペーストするだけ
と思うかもしれません
しかし これでは
エラーが出てしまいます
エラーは XML 文書は1つ以上の
ルートビューを持つと言います
そこには一つのルートビューしかなく
それは全ての他のビューを封入するべきです
もし私達がこれら両者のテキストビュー
を画面上に出現させ―
孤立させたくないなら それらを
ビューグループに入れる必要があります
ビューグループはレイアウトの
単独ルートビューになります
ビューグループは またビューとして
画面上で長方形となります
例えば ここにある赤とオレンジの
全ての長方形が ビューグループです
それらは幅 高さ 背景色 または
その他の属性を持つことができます
背景色は ここではオレンジです
しかし それはまた透明に
なるかもしれません
ビューグループは ユーザーから
でさえも見えません
テキストビューがテキストを持つような
イメージビューがイメージを持つような―
ものの代わりに ビューグループは
他のビューをコンテンツとして持ちます
あなたはビューグループを ビューの
コンテナとして考えることができます
ビューが他のビューを包含するとき
それらのビューの親であると言います
なので これは親です
これも親です
そして これも親です
ビューがビューグループの内部にあるとき
それをビューグループの子供と言います
なので これは子供 そしてこれも子供
そしてこれも子供です
同様です ここには二つの子が存在します
そして ここにも二つの子が存在します
家族についての言い方と継続します
もし複数の子が存在するなら
その時それぞれ子供達は
兄弟の間柄になります
そこに兄弟ビューがあります
そして そこにも兄弟ビューがあります
はい たくさんでしたね
親子にビューにビューグループ
全ての専門用語を覚える助けとして―
私はあなたに非常に素敵な家族に
会わせてあげたいです
あなたは既にテキストビュー
トミーに会いました
彼はとても素晴らしい
表示テキストです
あなたは彼の妹 アイヴィーイメージも
知っています とても美しいイメージです
今 私達は彼らの親に会っています
親に会うとき 常に緊張します
私達は LinearLayout ローラと
RelativeLayout レイを持っています
これらは両方 ビューグループです
私達が言及する前は
親ビューと呼ばれていました
そのとき子ビューは それらの親に
基づいて定められていました
一つの親の例について
見てみましょう
親は子供達に 特定の場所に座ったり
立ったりするように言います
そして 動かないようにとも言います
子供が起き上がり 走り回るかも
しれないという可能性は―
ここでは無視しましょう
なぜなら それは
ほとんどありえない事例だからです
デバイス上では 親は子供の位置を―
支配しているからです
例えば 一つの子供テキストビューが
画面の最上部に そして―
二つめの子供イメージビューが
その下に位置できます
または もし親が望むなら―
子供達を違う風に
再配列することもできます
子供イメージビューが左側で―
子供テキストビューを
右側にすることもできます
このレッスンでは ビューグループについて
より詳細に語っていきます しかし―
私達が今まで扱ったことを
あなたが理解したことを―
これらの問いに答えることで
確かめて下さい
デバイスのスクリーンショット上に
いくつのビューが存在するか言えますか?
問い 2 この山のイメージは
赤いビューグループのうち―
子か親か どちらですか?
問い 3 赤いビューグループは hiking
テキストビューの子ですか 親ですか?
問い 4 どちらのビュー達が
互いに兄弟の関係と言えますか?
そして あなたはここにそれを回答します
커피 원두를 시도해봤던 때를 기억하나요,
캐서린?
>> 어떻게 잊겠어요?
>> 알아요.
>> 저에게 뱉어버렸죠.
[웃음]
>> [웃음] 그래서
저희는 어떻게 세가지 큰 부분이
레슨 1에 있는지 이야기 하고 있었죠.
>> 네.
>> 그리고 저희는 사진들과
텍스트뷰에 대한 이야기를 했죠.
그리고 저희는 어떻게 화면에서
스타일을 변경하는지 배웠죠.
>> 네.
>> 다음에는 어떤 것이죠?
>> 생각중이에요.
저희는 한가지 양식만
스크린에 있기때문에.
>>네.
>> 이는 지루할 수도 있기에,
한가지 화면을 더 추가하여야합니다.
>>맞아요.
그리고 만약 저희가 사용하는
모든 재미난 앱들이,
YouTube, OkCupid과 같은 것들이요,
이와 관련해서 어떤 것이 생각나세요?
>> Gmai 이요l.
>> 지메일l,
은 모든 것이 한가지 화면에
포함되어 있지요
그리고 아주 완벽하게 조화되어 있구요.
>> 네.
그리고 이 방법은
모든 그룹을 볼 수 있죠.
>> 네.
>> 이제 다음 방법을 배울텐데요.
그리고 이는 스크린의 어느 위치에서도
볼 수 있는 능력을 줍니다
저희가 원할때 말이죠.
>>맞아요.
이제 그룹으로 보는 것에 대해서 이야기해볼까합니다.
>> 지금까지
저희는 단순 텍스트뷰 혹은
단순 이미지뷰에 대해서 이야기했는데요.
만약 저희가 아래 다른 화면을 원한다면
단지 이것을 복사하여
아래 붙여넣기를 하면 됩니다.
하지만 에러를 보게되는데요.
이는 XML 문서가
여러곳에서 사용되고 있다고 합니다.
루트뷰는 단지 한개이고
다른 화면을 포함해야하는데요.
만약 우리가 이 TextViews를
스크린에 둘다 보이고자 하며
한개로 보이지 않게 하기위해서
View Group을 사용합니다.
View Group은 한개의 화면을
다른 화면에서도 보일 수 있게 하는데요.
View Groups는 또한
화면을 연결시키기도 합니다.
예를들어 빨강과 주황이 모두
View Groups에서 보여지는 것이죠.
이 것은 넓이, 높이 혹은
바탕화면 혹은 다른 사항을 포함합니다.
바탕화면은 주황색이구요.
주황색
이는 투명하게 할 수 있는데요
View Group는 사용자가
보기 힘듭니다.
TextView에서 텍스트를 보거나그림을
ImageView에서 보는 것 대신에,
View Group는 다른 화면을 보여줄 수 있죠.
당신은 화면 그룹을 생각하며,
화면을 설정할 수 있습니다.
화면이 다른 화면을 포함하고 있을 때
우리는 모화면이라고 부릅니다.
이것이 부모인 셈이죠.
이것이 부모이며.
이것이 부모입니다.
View Group안에 에 있는 화면이 있을 때,
우리는 View Group의 자식이라고 부릅니다.
그래서 이것이 자식이며,
이것이 자식이고, 이것이 자식입니다.
똑같이 여기 두 자식이 있으며,
저기에 두 자식이 있습니다.
계속 가족언어로 이야기하면,
지속적으로 자식들이 있다면,
이 각자의 아이들은
서로 형제관계가 됩니다.
이것이 형제 화면이고
저것도 형제 화면입니다.
정말 많네요.
부모화면 및 자식 화면 ViewGroup 등
모든 정의를 암기하는데 도움이 되기 위해
저희는 Views라는
아주 훌륭한 가족을 만날 기회를 가지고자 합니다.
당신은 이미 Tommy TextView를 만났습니다.
그는 텍스트를 보이는데 훌륭하죠.
당신은 그의 누나인 Ivy ImageView를 만납니다,
그녀는 아름다운 사진들을 보여주죠.
그리고 그들의 부모를 만납니다.
부모를 만나는 것 만큼
떨리는 일은 없습니다.
그래서 우리는 Laura the LinearLayout과
Ray the RelativeLayout를 만납니다.
두분 다 View Groups이며,
Parent Views라고 불리우는
방법들입니다.
그리고 자식 화면은
부모화면에 소속되어 있습니다.
부모화면의 예를 보시죠.
부모는 자식에게 어디 앉을지 알려주거나r
특정장소에 서있게 하며
움직이지 못하게 합니다.
아이가 일어나고자 하는
그런 예외사항은 무시하도록 하죠
그리고 뛰어다니는 것도요.
왜냐하면 정말 중요하지 않기 때문이에요.
장치가 부모라고 생각하면,
장치가 아이들을
관리하는 것입니다.
예를들어, 한 자식 Text View가
화면의 위에 있으며
두번째 자식
ImageView을 아래 볼 수 있다고 칩시다.
혹은 부모가,
아이들을 다른 위치에
위치하고 싶어 한다고 가정합니다.
자식 ImageView 는 왼쪽에,
그리고
자식 TextView는
오른쪽에 위치하도록 말이죠.
우리는 화면 그룹에 대해,
더 상세히 이야기 하겠지만
확실히 하기위해서
다음 질문사항에
대답을 해주세요.
장치의 스크린샷을 위해,
얼마나 많은 화면들이 있나요?
문제 2.
산 사진을 위해, 자식 혹은
부모화면이 적색 화면 그룹에 있나요.
문제 3, 적색 화면은
자식 혹은 부모화면의 하이킹 텍스트 화면입니다.
문제 4, 어느 화면이
어느 화면의 형제이며.
당신은 여기에 짝을 이룰 수 있나요.
Lembra da trilha de grãos de café,
Katherine?
Como posso esquecer?
- Eu sei.
- Você derramou tudo sobre mim.
[Risos]
- [Risos] Então,
nós falamos sobre como haveria
três grandes partes para a Lição 1.
- Hum-hum.
- E falamos de imagem e
TextView.
E então nós aprendemos como
estilizar esses pontos de vista.
- Sim.
- Aonde vamos depois?
- Bem, eu estava pensando.
Como temos apenas um ponto de vista
na tela agora mesmo.
- Sim.
- É um pouco chato, então
devemos adicionar mais de um ponto de vista.
- Certo.
E se você pensar sobre isto,
todos os aplicativos divertidos que usamos,
YouTube, OkCupid,
qual é o outro que vem à mente?
- Gmail.
- Gmail,
todos eles parecem ter mais
de um ponto de vista no pacote
muito nitidamente na tela juntos.
- Sim.
E a maneira que eles fazem
que é através de grupos de visão.
- Hum-hum.
- Então,
vamos aprender sobre isso a seguir.
E isso nos dá o poder de
também posicionar vistas na tela
onde queremos que eles fiquem.
- Certo.
Então vamos falar sobre como
visualizar grupos depois.
- Então, agora só tivemos
um único TextView ou
um único ImageView na tela.
Se quisermos adicionar outro ponto de vista
abaixo poderíamos tentar apenas copiar este e
colá-lo abaixo.
Mas, então, temos um erro.
Ele diz que o documento XML tem
mais do que uma visão de raiz.
Só pode haver uma visão raiz, e
deve colocar todos os seus outros pontos de vista.
Se queremos que os dois TextViews
para aparecer na tela e
não ser mais solitário, então nós
precisamos colocá-los em um View Group.
View Groups será, então,
a exibição de raiz única para o layout.
View Groups também são vistas e
eles são retângulos na tela.
Por exemplo, os retângulos vermelho
e laranja aqui são todos View Groups.
Eles podem ter uma largura, ou uma altura
uma cor de fundo, ou outros atributos.
A cor do fundo aqui é laranja.
Laranja.Mas também pode
ser transparente,
o View Group não é visível
nem mesmo para o usuário.
Ao invés de manter algum conteúdo, como
texto para TextView ou uma imagem para
um ImageView, o conteúdo que
um View Group detém é outros pontos de vista.
Você pode pensar em um grupo de visão
como sendo um recipiente para estas vistas.
Quando uma vista contém outros pontos de vista,
o chamamos pai destes pontos de vista.
Portanto, este é o pai.
Este é o pai.
E este é o pai.
Quando uma vista está em ViewGroup,
o chamamos o filho deste ViewGroup.
Portanto, este é um filho, e
este é um filho, e este é um filho.
Mesmo aqui, há dois filhos aqui,
e dois filhos aqui.
Continuando com a linguagem familiar,
se houver vários filhos,
então cada um desses filhos
são irmãos entre si.
Estas são visões irmãs, e
estas são visões irmãs.
Certo, isso foi muito.
ViewGroup, eu quero que você conheça
uma família muito agradável chamado Views.
Você já conheceu TextView Tommy.
Ele é muito bom em
exibição de texto.
Você também conhece sua irmã, ImageView,
Ivy, que mostrou imagens muito belas.
E agora vamos encontrar seus pais.
É sempre irritante
encontrar os pais.
Então, temos a Laura a LinearLayout
e Ray o RelativeLayout.
Estes são os dois View Groups,
que mencionamos antes
são chamados Parent Views.
Então os Children Views
estão posicionados com base nos pais.
Vejamos um exemplo de um dos pais.
Um pai pode dizer a sua
criança para sentar-se ou
ficar em um lugar específico e
não se mover.
Vamos ignorar a possibilidade de que
a criança poderia querer se levantar
e correr por aí.
Porque isso é apenas um caso extremo.
Em um dispositivo, isto significa que
um dos pais tem controle sobre
onde posicionar os seus filhos.
Por exemplo, uma TextView criança
pode estar na parte superior da tela e
em seguida, uma ImageView
Ou, se o pai desejar,
eles podem reorganizar as crianças
de uma maneira diferente.
O ImageView criança pode
estar à esquerda,e
em seguida, o TextView criança
pode estar do lado direito.
Vamos falar sobre como grupos de vista
em maior detalhe nesta lição, mas
para se certificar de que você
entendeu o que nós abordamos até
agora, por favor,
responda a estas perguntas.
Para a captura de tela neste dispositivo,
pode me dizer quantas visões existem?
Número 2.
Para a imagem da montanha, é uma criança ou
uma mãe do grupo de vista vermelho.
Número 3, o grupo de vista vermelho
é uma criança ou pai da visão guia.
Número 4, que pontos de vista
são irmãos entre si.
E você pode simplesmente incluí-los aqui.
Помнишь урок про кофейные бобы,
Кэтрин?
>> Такое разве забудешь?
>> Это точно.
>> Ты просто высыпал эти бобы на меня.
[СМЕЕТСЯ]
>> [СМЕЕТСЯ] Итак —
мы говорили о том, из каких
трех больших частей состоит Первый урок.
>> Ага.
>> И мы говорили о визуальных и —
текстовых вьюшках.
И затем мы узнали, как
придать стиль этим вьюшкам.
>> Да.
>> Что у нас будет дальше?
>> Да, я тут подумала.
Ведь у нас сейчас на экране
только одна вьюшка.
>> Так.
>> Это немного скучно, может нам
добавить ещё немного вьюшек.
>> Верно.
И раз уж ты подумала об этом, все эти
приложения, которыми мы пользуемся, —
Ютуб, ОкКупид,
какие ещё можешь вспомнить?
>> Гмэйл.
>> Гмэйл.
у них у всех, похоже, помногу
вьюшек, организованных —
на экране очень аккуратно.
>> Да.
И делают они это —
с помощью групп вьюшек.
>> Ага.
>> И это будет следующее, что мы выучим.
Это дает нам также возможность
располагать вьюшки на экране —
там, где мы захотим.
>> Верно.
А теперь поговорим о группах вьюшек.
>> До сих пор у нас была только
одна ТекстоваяВьюшка или —
одна ВизуальнаяВьюшка на экране.
Если мы хотим добавить ещё одну вьюшку
тут ниже, мы бы могли просто —
скопировать это и вставить внизу.
Но так мы получаем ошибку.
Которая говорит, что у XML-документа
больше одной корневой вьюшки.
Корневая вьюшка может быть только одна, а
все остальные - должны входить в неё.
Если мы хотим, чтобы обе эти
ТекстовыеВьюшки остались на экране и —
больше не были такими одинокими, тогда
нам нужно поместить их в Группу вьюшек.
В этом случае Группа вьюшек будет той
единственной корневой вьюшкой для макета.
Группы вьюшек сами являются вьюшками,
на экране они имеют прямоугольную форму.
К примеру, вот эти красный и оранжевый
прямоугольники – это все Группы вьюшек.
У них есть ширина, высота и
цвет фона, а также другие атрибуты.
Здесь цвет фона – оранжевый.
Оранжевый.
Но он мог бы быть также и прозрачным, —
так что Группа вьюшек была бы
даже не видна пользователю.
Вместо хранения какого-л. контента, нпр.,
текста, как для ТекстовойВьюшки, или —
картинки, как для Визуальной вьюшки, все,
что есть в Группе вьюшек – другие вьюшки.
Можешь думать о группе вьюшек
как о контейнере для вьюшек.
Если вьюшка содержит другие вьюшки,
она называется родителем этих вьюшек.
Вот это родитель.
Это родитель.
И это родитель.
Если вьюшка находится внутри Группы
вьюшек, тогда - это ребенок этой Группы.
Вот эта вьюшка ребенок, и эта ребенок,
и эта тоже ребенок.
Аналогично, два ребенка здесь
и два ребенка здесь.
Проводя аналогию с семьей и дальше,
если детей несколько,
все они являются друг для друга
братьями и сестрами.
Вот это братские вьюшки и
это братские вьюшки.
Ок, много нового материала.
Чтобы лучше запомнить всю терминологию -
родитель, ребенок, вьюшка, —
Группа вьюшек, давай познакомимся с
очень милой семьей, которую зовут Вьюшки.
Ты уже знаком с Томми ТекстоваяВьюшка.
Он может хорошо отображать текст.
Ещё ты знаешь Айви ВизуальнаяВьюшка, его
сестру, она отображает красивые картинки.
А сейчас мы познакомимся с их родителями.
Знакомство с родителями – это всегда
так волнительно.
Итак, это Лаура ЛинейныйМакет и
Рэй ОтносительныйМакет.
Они оба – Группы вьюшек, —
так мы называли их до того,
как назвать Родительскими вьюшками.
Пойдем дальше, Детские вьюшки
размещаются относительно их родителя.
Посмотрим на пример с одним родителем.
Родитель может сказать своим детям —
сидеть или стоять в определенном месте
и не двигаться.
Давайте не будем принимать во внимание,
что ребенок может захотеть встать —
и побегать.
Потому что мы знаем - обычно дети
так не поступают.
Если речь о мобильном устройстве, это
означает, что родитель контролирует —
позицию своего ребенка.
Например, одна детская Текстовая вьюшка
может быть вверху экрана, а —
другая детская
ВизуальнаяВьюшка – под ней.
Или, если родитель пожелает, —
то может расположить детей
по-другому.
Ребенок ВизуальнаяВьюшка может быть
слева, а —
тогда ребенок ТекстовыйВид – справа.
В этом уроке мы поговорим о группах
вьюшек более подробно, но —
чтобы убедиться, что ты понял все,
о чем рассказывалось до этого —
момента, ответь на такие вопросы.
Глядя на скриншот этого устройства,
можешь сказать мне, сколько там вьюшек?
Вопрос 2.
Изображение горы – это ребенок или —
родитель красной группы вьюшек?
Вопрос 3. Красная группа вьюшек – ребенок
или родитель текстовой вьюшки «Хайкинг»?
Вопрос 4. Какие из этих вьюшек братья
и сестры друг другу?
Можешь просто перечислить их здесь.
Kahve çekirdeði yolunu
hatýrlýyor musun,
Katherine?
>> Nasýl unutabilirim ki?
>> Biliyorum.
>>üstüme dökmüþtün hepsini.
[GÜLME]
Birinci derste üç
bölüm olacaðýný söylemiþtik.
>> Mm-hm.
konuþtuk.
Ve bu görüntülerin nasýl
stillendirileceðini öðrendik.
>> Evet.
>> Düþünüyordum da.
Ekranda þu an
tek bir görüntü var.
>> Evet.
>> Biraz sýkýcý,
birden fazla görüntü ekleyelim.
>> Tamam.
Düþünürseniz,
eðlenceli uygulamalarýn hepsi,
YouTube, OkCupid,
akýnýza bir baþkasý geliyor mu?
>> Gmail.
>> Gmail,
hepsinde ekranda
toplu bir þekilde toplanmýþ
birden fazla görüntü var.
>> Evet. Þimdi bunu görüntü
gruplarýyla yapýyorlar.
>> Mm-hm.
>> Þimdi bunu öðreneceðiz.
Böylece ekranda görüntüleri
dilediðimiz yere konumlandýrma
imkânýmýz oluyor.
>> Tamam.
Þimdi görüntü
gruplarý hakkýnda konuþalým.
>>Buraya kadar
tek bir TextView oldu
ekranda tek bir ImageView oldu.
Altýna baþka bir görüntü
eklemek istersek bunu kopyalayýp
yapýþtýrabiliriz.
Ama bu sefer hata veriyor.
XML belgesinin birden
fazla kök görüntüsü var diyor.
Sadece tek bir kök görüntü
olabilir ve diðer görüntüleri kapatýr.
Bu iki TextView ekranda
görünsün ve tek olmasýn istersek
bunlarý Görüntü
Grubu'na koymamýz gerek.
Görüntü Grubu, plan için
tek bir kök görüntüsü olacak.
Görüntü Gruplarý da görüntüdür
ve ekranda dikdörtgen þeklindedir.
mesela, buradaki kýrmýzý ve turuncu
dikdörtgenler hep Görüntü Gruplarýdýr.
Geniþlik, yükseklik veya arka
plan rengi gibi özellikleri vardýr.
Arka plan rengi turuncudur.
Turuncu.
Ama þeffaf olabilir yani
Görüntü Grubu,
kullanýcýya gözükmez bile.
Textview için metin veya ImageView
için resim bulundurmak yerine,
Görüntü Grubu'nun bulundurduðu
içerik diðer görüntülerdir.
Görüntü gruplarýný, görüntüleri
içeren bir kutu gibi düþünebilirsiniz.
Bir görüntü baþka görüntüler içerirse,
buna diðerlerinin ebeveyni diyebiliriz.
Bu ebeveyn.
Bu ebeveyn görüntü.
Ve bu da ebeveyn.
Bir görüntü View Group içindeyse,
o View Group2unun çocuðu diyebiliriz.
yani bu, bu ve bu, çocuk.
Yine burada, iki çocuk
var ve iki çocuk da burada.
Aile diliyle devam edersek,
çok çocuk varsa,
bunlarýn hepsi kardeþ demektir.
Bunlar kardeþ görüntüsür
ve bunlar da kardeþ görüntüdür.
Tamam, bu çok.
Tüm terminolojiyi hatýrlamanýz için,
Grüntüler denen
ityi bir aileyle tanýþmanýzý istiyorum.
Tommy TextView ile tanýþtýnýz zaten.
Metni göstermede çok iyi.
Kýzkardeþini de biliyorsunuz, Ivy ImageView,
çok güzel resimler gösteriyor.
Þimdi anne babalarýyla
tanýþacaksýnýz.
Anne babalarla tanýþmak
her zaman streslidir.
Laura, Çizgizel Plan ve
Ray,
Göreli Plan.
Ýkisi de Görüntü Gruplarý,
bunlar Ebeveyn görüntülerdir.
Çocuk Görüntüler,
ebeveynlerine göre konumlanmaktadýr.
Tek ebeveyn örneðini alalým.
Bir ebeveyn çocuðuna oturmasýný
veya belli bir yerde
durup kýpýrdamamsýný söyleyebilir.
Çocuðun kalkýp koþmak
isteyebileceðini
göz ardý edelim.
Çünkü uç bir durum.
Bir cihazda ise bu, ebeveynin çocuklarýnýn
konumu üzerinde kontrolünün olduðu
anlamýna gelir.
Mesela, bir çocuk Text View
ekranýn en üstünde olabilir ve
ikinci çocuk
ImageView
bunun altýnda olabilir.
Veya ebeveyn dilerse,
çocuklarýn yerini deðiþtirebilir.
Çocuk ImageView,
solda olabilir ve
çocuk ImageView,
saðda olabilir.
Bu derste görüntü gruplarýndan
daha ayrýntýlý þekilde söz edeceðiz.
Buraya kadar ele aldýðýmýz
konularý aladýðýnýzý göstermek için
lütfen bu sorularý yanýtlayýn.
Bu cihazdaki ekran resmi için kaç
görüþün olduðunu söyleyebilir misiniz?
Ýkincisi. Dað resmi için kýrmýzý
görüntü grubunun çocuðu mu
yoksa ebeveyni mi.
Üçüncü olarak, kýrmýzý görüntü grubu,
yürüyüþ metin grubunun çocuðu mu yoksa ebeveyni mi.
Dördüncü olaraki bu
görüntülerin hangisi kardeþ.
Bunlarý burada listeleyebilirsiniz.
Bạn có nhớ các dấu vết cà phê,
Katherine?
>> Làm sao tôi quên được?
>> Tôi biết
>> Bạn hất nó lên cả người tôi
[Cười]
>> [Cười] Vì vậy,
chúng tôi nói chuyện về làm thế nào
có ba phần lớn trong bài học một
>> Mm-hm
>> Và chúng tôi nói về image và
TextView
Và sau đó chúng tôi đã học cách
để tạo kiểu cho những view này
>> Có
>> Chúng ta sẽ tiếp tục ở đâu?
>> Vâng, tôi đã suy nghĩ
Vì lúc này chúng ta chỉ có
một view trên màn hình
>> Vâng
>> Có một chút nhàm chán, vì vậy chúng ta
nên thêm nhiều hơn một view
>> Phải
Và nếu bạn nghĩ về nó,tất cả các
ứng dụng thú vị mà chúng tôi sử dụng,
YouTube, OkCupid, có gì khác
xuất hiện trong đầu bạn không?
>> Gmail,
tất cả dường như có nhiều
hơn một view được đóng gói
rất gọn gàng trên màn
hình với nhau
>> Yeah
Và cách họ làm
đó là thông qua các
Group view
>> Mm-hm
>> Vì vậy,
chúng ta sẽ tìm hiểu về nó sau
Và nó mang lại cho ta sức mạnh để xem
vị trí của các view trên màn hình
nơi mà ta muốn đặt chúng
>> Phải
Vì vậy, cho phép nói về các nhóm
viewở phầntiếp theo
>> Vì vậy,đến giờ chúng tôi đang
chỉ có một TextView đơn hoặc
một ImageView duy nhất
trên màn hình
Nếu chúng ta muốn thêm view khác
dưới đây chúng ta có thể cố gắng
sao chép và dán nó vào bên dưới
Nhưng sau đó chúng ta gặp một số lỗi
Nó nói các tài liệu XML có
nhiều hơn một root view
Chỉ có một root view, và nó chứa
đựng tất cả các view khác của bạn
Nếu chúng ta muốn cả hai TextViews
xuất hiện trên màn hình và
không cô đơn nữa, sau đó chúng tôi cần
phải đặt chúng trong một View Group
Sau đó View Group sẽ
root view duy nhất cho bố cục
View Group cũng là view và
chúng là hình chữ nhật trên màn hình
Ví dụ hình chữ nhật màu đỏ và màu
da cam ở đây là view group
Chúng có thể có chiều rộng, cao hoặc
màu nền, hoặc các thuộc tính khác
Màu nền ở đây là màu cam
Màu cam,
Nhưng nó cũng có thể trong suốt để
View Group không phải là
có thể nhìn thấy bởi người sử dụng
Thay vì tổ chức một số nội dung như
văn bản cho TextView hoặc hình
ảnh cho ImageView, nội dung mà
View Group nắm giữ là các view
Bạn có thể nghĩ về một View Group
như là một container cho view
Khi view có chứa các view khác
ta gọi nó là cha mẹ của những view này
Vì vậy, đây là cha mẹ
Đây là cha mẹ
Và đây là cha mẹ
Khi một view ở trong một view Group,
ta gọi nó là con của View GroupM đó
Vì vậy, đây là một con, và đây là
một con, và đây là một con
Tương tự ở đây, có hai con ở đây,
và hai con ở đây
Tiếp tục với các ngôn ngữ gia đình,
nếu có nhiều con,
sau đó mỗi người trong những con
là anh chị em với nhau
Đây là những anh chị em view, và
đây là những anh chị em view
Được rồi, có rất nhiều
Để giúp bạn nhớ tất cả các thuật ngữ
xung quanh mẹ và con và view và
view group, tôi muốn bạn gặp
một gia đình rất đẹp gọi là View
Bạn đã gặp Tommy TextView
Anh ấy là khá tuyệt vời
về hiển thị văn bản
Bạn cũng biết em gái, Ivy ImageView,
người hiển thị hình ảnh rất đẹp
Và bây giờ chúng ta
đang gặp cha mẹ của họ
Nó luôn luôn làm đau đớn
để đáp ứng các bậc cha mẹ
Ta có Laura là LinearLayout
và Ray là RelativeLayout
Cả hai đều là view groups,
mà chúng tôi đã đề cập trước
được gọi là View bố mẹ
Sau đó, View con
được định vị dựa vào cha mẹ của họ
Hãy xem xét một ví dụ
của một cha mẹ
Một cha mẹ có thể bảo
con em mình để ngồi hoặc
đứng ở một nơi cụ thể và
không di chuyển
Hãy bỏ qua khả năng đó
các con có thể muốn dậy
và chạy xung quanh
Bởi vì đó chỉ là một
trường hợp đặc biệt
Trên một thiết bị nó có nghĩa là
cha mẹ đã kiểm soát định vị
con của họ
Ví dụ, một con Text View
có thể được ở trên cùng của màn hình và
sau đó một đứa con thứ hai
ImageView có thể ở dưới đó
Hoặc, nếu cha mẹ muốn,
họ có thể sắp xếp lại các con
theo một cách khác nhau
Các ImageView con có thể
được ở bên trái, và
sau đó các con TextView
có thể được ở bên phải
Chúng ta sẽ nói về view của các nhóm
chi tiết hơn trong bài học này, nhưng
để đảm bảo rằng bạn đã
hiểu những gì chúng tôi nói đến mức nào
xin vui lòng trả lời
những câu hỏi này
Từ ảnh chụp màn hình trên thiết bị này,
bạn có thể cho tôi biết bao nhiêu view?
Số 2, Đối với hình ảnh núi,
nó là con hay
một cha mẹ của
group view đỏ
Số 3, là group view đỏ là con hay
che mẹ của đi bộ text view
Số 4, những view nào
là anh em ruột của nhau
Và bạn có thể liệt kê chúng ở đây
还记得这些咖啡轨迹豆吗 Katherine?
我怎么可能忘?
我记得 是你把他们撒在我周围的
好的
我们讨论一下第一课是由哪三大部分组成的
我们已经讲过图片视图控件
和 TextView
之后我们学习了如何给那些视图控件定义样式
- 是的 - 我们接下来学什么?
我在想
当我们的屏幕上只有一个视图控件时
嗯哼
那会显得有点很无聊 我们应该添加更多的视图控件
是的
如果你认真思考 所有我们所使用的认为有趣的应用
比如 YouTube、OkCupid 你想到其他的了吗?
- Gmail - Gmail
它他们看起来都包含很多的视图控件
很整齐的分布在屏幕上
是的 达到这样的效果 它能这样做
就是通过 ViewGroups
嗯哼
所以我们接下来将要学习它
它赋予我们在屏幕上放置视图控件的能力
在我们想放置的地方
是的
所以我们下面来讨论 ViewGroup
至今我们只有一个单一的 TextView 或
单一的 ImageView 在屏幕上
如果我们想要在它的下面添加其他的视图控件 我们可以试着复制它并
粘贴在它的下面
不过这时编译器报了一个错
它说XML文件有多于一个的根视图控件
这里只能有一个根视图控件 并且它应该附上所有的视图
如果你想要这两个 TextView 都显示在屏幕上并且
不是相互独立的 我们需要把它们放入一个 ViewGroup
这个视图组将会成为这个布局的单一根视图
ViewGroup 也是视图 并且在屏幕上是矩形的
例如这个红色和橘色的矩形都是 ViewGroup
它们具有宽 高 或背景色 或其他属性
这里的背景色是橘色
橘色 不过它还可以是透明的
所以 ViewGroup 甚至对用户是不可见的
不同于 TextView 显示文本或 ImageView 显示图片
ViewGroup 显示其他的视图
你可以将一个 ViewGroup 想象成一个视图的容器
当一个视图包含其他的视图 我们将它称为那些视图的父视图
所以这是父视图
这是父视图
这还是父视图
当一个视图在 ViewGroup 中 我们称叫它为 ViewGroup 的子视图
所以这是一个子视图 这是一个子视图 这还是一个子视图
同样的 这儿有两个子视图 这儿有两个子视图
继续使用这种以家庭成员举例的说法 如果这里有多个子视图
那么每个子视图都是其他子视图的兄弟姐妹
他们是兄弟姐妹 他们是兄弟姐妹
这有好多
为了帮助你记忆这些术语关于父视图和子视图 视图和
ViewGroup 我希望你来认识一个非常美满的叫做 Views 的家庭
你已经准备好认识 Tommy TextView 了
他非常善于显示文本
你同样认识他的姐妹 显示美丽图片的 Ivy ImageView
这时你要认识他们的父母了
见父母通常需要勇气与磨练感到精神崩溃
我们有 Laura LinearLayout 和 Ray RelativeLayou
他们都是 ViewGroup
我们称之为父视图
这时子视图的放置要依据根据他们的父视图
让我们来看一个关于父视图的例子
一个家长可以让他的孩子坐或
站在一个特定的位置并且不能动
让我们忽略这个孩子可能想要起来
并跑开
因为这只是一个极端的例子
在设备手机上这意味着一个父视图可以控制
它的子视图的位置
例如 一个子 TextView 可以在屏幕的上方
另一个第二个 ImageView 可以在它的下面
或者 如果父视图希望的话
他们可以用不同的方式重新排列子视图
这个子 ImageView 可以在左边
这时这个子 TextView 可以在右边
我们接下来将更详细的讨论 ViewGroup 不过
为了确定去顶你已经明白之前讲的内容
请回答这些问题
在这个手机的截屏上 你能告诉我有多少个视图吗?
第二题 这幅山的图片 是那个红色 ViewGroup 的一个子视图
还是一个父视图
第三题 这个红色 ViewGroup 是 HIKING TextView 的子视图还是父视图
第四题 这些视图哪些视图互为是其他的兄弟姐妹
你可以将答案写他们列举在这儿
記得咖啡豆小徑嗎
凱瑟琳?
我怎麼會忘記
我知道
你咖啡撒了我一身
[笑]
[笑]所以
我們談了第一課會有三個主要部分
嗯嗯
我們也談了影像
與TextView
然後我們學習
如何設計這些檢視
對
接下來要看什麼?
嗯,我在想
我們現在螢幕上只有一個視窗
沒錯
有點無聊
我們應該增加多一點
沒錯
若你想想所有
我們能用的好玩軟體
YouTube、OkCupid
還會想到什麼?
Gmail
Gmail
他們似乎都在螢幕上
有一個以上的視窗
沒錯
他們的做法是
透過視窗群組
嗯嗯
所以我們接下來要學這個
那也給我們能在
螢幕上定位視窗的能力
放在我們要的位置
沒錯
我們接下來談談視窗群組
目前我們只有單一TextView
或單一ImageView在螢幕上
若我們想在下面增加一個
我們可以試著複製
貼上在下面
但會有個錯誤
說XML文件
有一個以上的根本檢視
根本檢視只能有一個
應該放入所有其他檢視
若我們要這兩個
TextView出現在螢幕上
不在孤單
要把他們放在視窗群組
視窗群組就會是
配置的根本檢視
視窗群組也是檢視
在螢幕上是長方形
舉例這裡的紅色與橘色
長方形都是視窗群組
可以有寬與高
或背景顏色或其他屬性
這裡的背景顏色是橘色
橘色
但也可以是透明的
使用者甚至看不到視窗螢幕
除了有TextView文字
或ImageView影像
相同的內容
視窗群組的內容不一樣
你可以把視窗群組
想成視窗容器
當視窗包含另一視窗
我們稱之為視窗之母
所以這是父母
這是父母
視窗在視窗群組裡面
我們稱之為子視窗群組
這是小孩,這是小孩
這是小孩
這裡也一樣,這裡有兩個小孩
這裡有兩個小孩
繼續家庭語言
若有多個小孩
每一個小孩就是兄弟姊妹
這些是手足視窗
這些是手足視窗
好,這很多
幫你記住父母與小孩
與視窗群組的名詞
我要介紹視窗家族
你已經見過Tommy TextView
他很會排列文字
你也知道他姊妹,Ivy ImageView
排列美麗的影像
現在要見見他們的父母
見父母總是讓人緊張
所以有Laura線形配置
與Ray親戚配置
他們都是視窗群組
我們之前提過叫父母視窗
然後小孩視窗
根據父母定位
看一下一個父母的例子
父母叫小孩坐
或站在特定的位置
不准動
忽略小孩可能想起來的可能性
然後到處跑
因為這只是個邊緣案例
在裝置上,這表示
父母對小孩的位置
有控制力
例如,小孩TextView
可以在螢幕上方
第二個小孩ImageView
可以在下方
或如果父母願意
他們可以用不同的方式
重新排列小孩
小孩ImageView可以在左邊
小孩TextView可以在右邊
這一課我們會再談點
視窗群組的細節
但確保你了解我們剛說的
請回答這些問題
這個裝置上的螢幕擷取
告訴我有幾個視窗?
第二,這個山脈影像
是紅色視窗群組的
小孩或父母
第三,紅色視窗群組
是健行文字檢視的父母或小孩
第四,那些視窗是手足
你可以把它們列在這裡