All right, so were actually two
correct answers to this question and
they were padding and layout_margin.
So you could have select either one
of these but you don't need both.
Let me show you why.
In practice, a lot of times,
a view that uses
padding will look very similar to
a view that uses layout_margin.
Let me actually draw
the view borders for you.
Once you draw the view borders,
you could actually see the difference
between these two situations.
In the case of padding,
you're making the actual view larger
by adding space inside of The view.
In the case of layout_margin,
you're adding space around the view, but
not actually changing
the size of the view.
Now, you might be wondering when
does this even come into play?
Why have two different attributes?
Well, if I were to do something
like add a border or a background
color to both of these views,
they'd actually look pretty different.
In our case, though, we're not adding
a border or background color, so
you can pick either padding or
layout_margin.
It just wouldn't make
sense to pick both.
Since we can choose either, I'm going to
go ahead and, a bit arbitrarily,
choose to add padding.
Let's see what this would
look like in Android Studio.
All right,
here we are back in activity_main.
Now the padding attribute is something
that we want to add to the TextViews
to move them farther away
from the side of the screen.
Padding and layout_margin
add space on all four sides.
All right, let's go ahead and add it.
And remember, I said that I wanted
there to be 20dp on all sides, so
that's what I'm putting
right here as the value.
My preview is updated to
show the added space,
I'm going to go ahead and scroll down.
All right, and I'm feeling a little bit
playful, so I'm going to go ahead and
add layout_margin to this
TextView instead of padding.
All right, and
that also scooted the TextView out.
Notice, though,
that the TextView's size didn't increase
when I changed the layout_margin,
whereas up here in this TextView, the
size of the actual TextView has changed.
Now what happens if I add both
layout_margin and padding.
Let's take a look.
Well, now my text is
40dp away from the wall.
It's 20dp here and
then another 20dp of padding here.
All right, but
we don't want 40dp away from the wall.
So I'm going to go ahead and
delete this.
Okay, 20dp of padding in the From,
Lyla TextView.
And 20dp of padding and
the Happy Birthday, Ben text view.
Awesome, let's run this on our phone.
All right, and may I present to you
the finished Birthday Card app.
Let's get some jazz hands.
And with that, we complete
the last thing in our to-do list.
حسناً،
كان هناك جوابين صائبين لهذا السؤال
هما padding الحاشية
وlayout_margin هوامش التصميم.
يمكنك اختيار أحدهما
ولا ضرورة لاستخدام كليهما.
دعني أريك لماذا.
مع الممارسة، في الكثير
من المرات التي نستخدم بها padding
ستبدو مشابهة للمعاينة
التي تستعمل layout_margin
دعني أرسم حدود المعاينة.
ما أن ترسم حدود المعاينة،
ستتمكن من رؤية الفرق بين الحالتين.
في حالة padding
أنت تجعل المعاينة أكبر
عن طريق إضافة مساحة داخل المعاينة.
في حالة layout_margin،
أنت تضيف مساحة حول المعاينة
لكننك لا تغيّر حجم المعاينة فعلاً.
الآن، ربّما تتسائل كيف
سنستخدم هذان الإثنان؟
لماذا لدينا سمتان مختلفتان؟
حسناً، إذا كنت تفعل شيئاً
كإضافة حدود
أو لون الخلفية لهذه المعاينات
ستبدو مختلفة جداً.
في حالتنا،
بما أننا لانضيف لون خلفية أو حدود،
يمكنك الإختيار مابين
padding و layout_margin.
ولكنه ليس من المنطقي اختيار الإثنين معاً.
بما أنه لدينا حرية الاختيار،
سأختار بشكلٍ اعتباطي padding.
لنرى كيف سيبدو في أندرويد ستوديو.
حسنا،
عدنا إلى النشاط الأساسي.
سنضيف سمة padding لمعاينات النص،
لنبعدهم عن حواف الشاشة.
تضيف padding وlayout_margin
مسافات في الجوانب الأربعة.
حسناً، لنضفها.
وتذّكر أنني قلت أريد مسافة 20dp
في كل الأطراف،
هذا ما سأضعه هنا كقيمة.
تحدثت المعاينة لتُظهر المسافة المضافة.
سأكمل وأمرر للأسفل.
حسناً، سألعب بهذه قليلاً
وسأضيف layout_margin بدلاً من padding.
حسناً، ,وهذا أيضاً يضع معاينة النص خارجاً.
لاحظ أن على الرغم من أن حجم معاينة النص
لم يزداد عندما قمنا بتغيير layout_margin،
بينما هنا في معاينة النص هذه،
تغير حجم معاينة النص الفعليّ
ماذا سيحصل الآن إن قمت بإضافة كلا
layout_margin و padding
لنلقِ نظرة.
هذه مسافة 40dp بعيداً عن الحائط
هناك 20dp هنا
و 20dp على الجانب الآخر من الحاشية.
لكننا لانريد مسافة 40dp بعيداً عن الجانب
لذلك سأحذف هذه.
وأضيف حاشية 20dp لمعاينة نص "من ليلى"
و20dp حاشية لمعاينة نص
"عيد ميلاد سعيد، بين".
رائع
لنشغّل هذا على هاتفنا.
وسأقدّم لكم تطبيق بطاقة معايدة النهائي.
لنرح أيدينا الآن.
وبذلك نكون قد أنهينا آخر طلب في لائحتنا.
Había dos respuestas correctas
para esta pregunta,
eran: padding [empaquetado]
y layout_margin [diseño del margen].
Las dos son correctas,
pero con seleccionar una ya vale.
Déjame enseñarte por qué.
En la práctica, muchas veces,
una vista que utilice padding
tendrá un aspecto muy parecido
a una vista que utilice layout_margin.
Esta vez voy a dibujar
los bordes de la vista por ti.
Con los bordes de la vista dibujados,
podrás ver la diferencia
entre estas dos situaciones.
En el caso del padding,
estás ampliando la vista actual
añadiendo espacio dentro de la vista.
En el caso del layout_margin, lo que haces
es añadir espacio alrededor de la vista,
pero, de hecho,
no cambias el tamaño de la vista.
Puede que te estés preguntando
cuándo entra en juego cada una de ellas
o por qué tenemos
dos atributos diferentes.
Pues si tuviera que añadir un borde
o un color de fondo a estas vistas,
tendrían un aspecto bastante diferente.
En nuestro caso, como no estamos añadiendo
un borde o un color de fondo,
puedes escoger
tanto padding como layout_margin,
pero no tendría sentido
que escogieras los dos a la vez.
Ya que podemos elegir
cualquiera de los dos, voy a continuar
y, de forma un tanto arbitraria,
añadiré padding.
Veamos qué aspecto
tendrá en Android Studio.
De acuerdo, aquí estamos,
de vuelta al activity_main.
Queremos añadir el atributo padding
a las TextViews
para poder apartarlas
de los lados de la pantalla.
Padding y layout_margin
y añade espacio a los cuatro lados.
Venga, continuemos y añadámoslo.
Y recuerda que dije que quería
que todos los lados tuvieran 20dp,
y eso es lo que estoy poniendo aquí
como valor.
Mi vista previa se ha actualizado
y muestra el espacio añadido.
Voy a continuar desplazándome hacia abajo.
Bien, como estoy un poco juguetona,
voy a continuar añadiendo layout_margin
a esta TextView en lugar de padding.
¡Hecho! Haciendo esto
también cambié la TextView.
Pero ten en cuenta que el tamaño
de la TextView no aumentó
cuando cambié el layout_margin,
mientras que aquí, en esta TextView,
el tamaño de la TextView ha cambiado.
Veamos qué pasa si añado
tanto layout_margin como padding.
Vamos a verlo.
Bueno, ahora mi texto
está separado del borde por 40dp.
Está a 20dp aquí y luego tiene
otros 20dp de padding aquí.
Pero nosotros no queremos
que esté a 40dp del borde,
así que voy a eliminar esto.
Bien, 20dp de padding
en la Textview "From, Lyla".
Y 20dp de padding en la parte
de la TextView "Happy Birthday, Ben".
Perfecto, ejecutémoslo
en nuestro teléfono.
Muy bien, te presento
la app Birthday Card acabada.
¡Celebrémoslo!
Y con esto hemos acabado
la última tarea de nuestra lista.
Tout droit, donc en fait deux
bonnes réponses à cette question et
Rembourrage et ils étaient layout_margin.
Alors vous pourriez avoir sélectionner une ou l'autre de ces
mais vous ne devez pas les deux.
Permettez-moi de vous montrer pourquoi.
Dans la pratique, un grand nombre de fois,
une vue qui utilise
Rembourrage sera très similaire à
une vue qui utilise layout_margin.
Permettez-moi de fait
dessine les frontières de vue pour vous.
Une fois que vous dessinez les frontières de vue,
Vous pouvez réellement voir la différence
entre ces deux situations.
Dans le cas de rembourrage,
Vous faites la vue réelle plus grande
par l'ajout d'espace à l'intérieur de la vue.
Dans le cas de layout_margin,
Vous ajoutez l'espace autour de la vue, mais
Pas réellement changer
la taille de la vue.
Maintenant, vous demandez peut-être quand
cela même entrent en jeu?
Pourquoi avoir deux attributs différents?
Eh bien, si je devais faire quelque chose
comme ajouter une bordure ou un fond
Couleur à ces deux points de vue, ils
avait vraiment l'air assez différente.
Dans notre cas, cependant, nous ne sommes pas ajoutons
une couleur de bordure ou de fond, de sorte
Vous pouvez choisir soit de remplissage ou
layout_margin.
Il ne serait pas juste faire
sens de choisir les deux.
Depuis nous pouvons choisir soit, je vais aller de l'avant et
, un peu arbitrairement,
Choisir d'ajouter le remplissage.
Voyons ce que cela
ressembler dans Android Studio.
Tout droit,
ici, nous sommes de retour dans activity_main.
Maintenant l'attribut de remplissage est quelque chose
que nous voulons ajouter aux TextViews
Pour les déplacer plus loin
depuis le côté de l'écran.
Rembourrage et layout_margin
ajouter de l'espace sur les quatre côtés.
Très bien, allons-y et ajoutez-le.
Et souviens, je l'ai dit que je voulais qu'il y ait
20dp sur tous les côtés, de sorte
Qui est ce que je suis en train
ici comme la valeur.
Mon aperçu est mis à jour
montrer l'espace ajouté,
Je vais aller de l'avant et faites défiler.
Tout droit, et je me sens un peu
ludique, donc je vais aller de l'avant et
Ajouter à cette layout_margin
TextView au lieu de rembourrage.
Tout droit, et qui a également
scooted la TextView sur.
Remarquez, cependant,
Que la taille de la TextView n'a pas augmenté
quand je changé le layout_margin,
Alors ici dans ce TextView, le
taille de la TextView réelle a changé.
Maintenant ce qui se passe si je ajouter deux
layout_margin et le rembourrage.
Jetons un coup d'oeil.
Eh bien, maintenant, mon texte est
40dp loin du mur.
Il est 20dp ici et puis un autre
20dp de rembourrage ici.
Tout droit, mais
nous ne voulons pas 40dp loin du mur.
Alors je vais aller de l'avant et
Supprimer cette.
Okay, 20dp de rembourrage dans le De,
Lyla TextView.
Et 20dp de rembourrage et
la vue de texte Joyeux anniversaire, Ben.
Impressionnant, nous allons l'exécuter sur notre téléphone.
Tout droit, et permettez-moi de vous présenter le produit fini
application Carte d'anniversaire.
Sortons quelques mains de jazz.
Et avec cela, nous complétons
la dernière chose dans notre liste de choses à faire.
Ada dua jawaban yang tepat
untuk pertanyaan ini,
yaitu padding dan layout_margin.
Anda bisa memilih salah satunya,
namun tidak butuh keduanya.
Akan saya tunjukkan alasannya.
Praktiknya, sering kali
tampilan yang menggunakan padding
tampak sangat mirip dengan tampilan
yang menggunakan layout_margin.
Saya akan membuat batas tampilannya.
Setelah batas tampilan dibuat,
perbedaan antara kedua situasi ini
bisa terlihat.
Jika menggunakan padding,
kita membuat tampilannya lebih besar
dengan menambahkan jarak
di dalam tampilan.
Dengan layout_margin,
kita menambah jarak di sekitar tampilan,
namun tidak mengubah ukuran tampilannya.
Mungkin Anda bertanya-tanya
kapan ini berlaku?
Kenapa ada dua atribut berbeda?
Jika saya melakukan sesuatu
seperti menambahkan batas atau warna latar
ke kedua tampilan ini,
mereka akan tampak cukup berbeda.
Namun dalam hal ini, kita tak menambahkan
batas atau warna latar.
Jadi, Anda bisa memilih padding
atau layout_margin.
Tidak masuk akal untuk memilih keduanya.
Karena bisa pilih salah satu,
dengan agak sembarangan,
saya memilih untuk menambahkan padding.
Kita lihat seperti apa tampilannya
di Android Studio.
Kita kembali ke activity_main.
Atribut padding adalah sesuatu
yang ingin kita tambahkan ke TextView
untuk menjauhkannya dari sisi layar.
Padding dan layout_margin menambahkan
jarak pada keempat sisi.
Mari kita tambahkan.
Ingat, saya ingin
jaraknya 20 dp pada semua sisi.
Jadi, itulah nilai
yang saya masukkan ke sini.
Pratinjau saya sudah diperbarui
untuk menampilkan jaraknya.
Saya akan menggulirkan ke bawah.
Saya sedang merasa agak iseng.
Saya akan menambahkan layout_margin
ke TextView ini alih-alih padding.
Itu juga menggeser TextView ini.
Namun perhatikan,
ukuran TextView tidak bertambah
saat saya mengubah layout_margin.
Sementara pada TextView di atas ini,
ukuran TextView telah berubah.
Apa yang terjadi jika saya menambahkan
layout_margin dan padding? Kita lihat.
Sekarang, teks saya berjarak
40 dp dari dinding.
Yaitu 20 dp di sini
dan padding 20 dp di sini.
Namun kita tidak ingin jarak 40 dp.
Jadi, saya akan menghapus ini.
Padding 20 dp pada TextView "From, Lyla"
dan padding 20 dp
pada TextView "Happy Birthday, Ben".
Bagus. Mari kita jalankan pada ponsel.
Saya persembahkan
aplikasi Birthday Card yang telah selesai.
Ayo beri tepuk jazz.
Dengan itu, kita menyelesaikan
hal terakhir dalam daftar tugas.
実は この問題の正解は2つあります
「 padding 」と
「 layout_margin 」です
ですので どちらかを選んでいれば
両方選ぶ必要はありません
その理由を紹介しましょう
実践の場では
padding を使ったビューと
layout_margin を使ったビューは
とても似ているのです
ビューの境界線を実際に
描いてみましょう
ビューの境界線を描いてみると
実際に2つの違いが分かります
padding の場合
ビューの内側にスペースを入れて
実際にはビューを大きくしています
layout_margin では
ビューの周囲にスペースを入れており
ビューのサイズは変わりません
こんなことがいつ影響するのか
何故 2つの属性があるのか
不思議に思うかもしれません
もし ビューに境界線や
背景色を入れるなどしたら
実際に これらはとても違う風に見えます
今回は境界線も背景色も入れませんので
padding でも layout_margin でも
どちらでも構わないのです
両方を選ぶ必要はありません
どちらでも選べますので
まあ 適当に行きましょう
パディングを加える方にしましょうか
Android Studio では
どのようになるか見てみましょう
activity_main に戻ってきました
パディング属性は
テキストビューをスクリーンの端から
離すためテキストビューに
加えるものです
padding と layout_margin は
4つのサイドにスペースを加えるのです
では それを加えていきましょう
全てのサイドに 20 dp のスペースが
欲しかったんですよね
ですので 値を丁度ここに入れます
プレビューがアップデートされ
加えたスペースを表示しました
スクロールダウンしていきます
いいですね
ちょっと色々やってみたい気分なので
padding の代わりに layout_margin を
テキストビューに加えてみましょう
よし テキストビューに
すぐに反映されました
ここで気がついてほしいのは
layout_margin を変えた時は
テキストビューのサイズは増加しません
ですから 上のこちらのテキストビューの
サイズは実際には変わっています
もし layout_margin と padding の
両方とも加えたら どうなるでしょう
見てみましょう
テキストは壁から 40 dp 離れています
20 dp がここで さらに
パディングの 20 dp でここです
壁面から 40 dp も
離れていなくていいので
これを消していきます
20 dp のパディングが「 From, Lyla 」の
テキストビューに入りました
そして「 Happy Birthday, Ben 」の
テキストビューに 20 dp のパディング
素晴らしい スマホで実行しましょう
では 完成品の
バースディカードアプリをお見せしましょう
ジャジャーン
これで この To-Do リストの
最後の項目を完了しました
자, 이 문제는 사실
두 개의 정답을 가지고 있어요.
바로 padding,
그리고 layout_margin입니다.
둘 중 하나를 선택하면 되지만
둘 다 필요한 건 아니예요.
왜 그런지 보여드릴게요.
실제적으로,
padding을 사용하는 뷰는
layout_margin을 사용하는
뷰와 유사합니다.
실제로 뷰 가장자리를 그려 볼게요.
뷰 가장자리를 그린 후에
이 두 상황의 다른 점을
볼 수 있습니다.
Padding의 경우,
그 뷰 안에 공간을 넣음으로써
실제적인 뷰의 크기를 늘리게 되죠.
layout_margin의 경우,
뷰 둘레에 공간을 넣긴 하지만,
뷰의 크기는 바뀌지 않습니다.
자, 이것들이 언제쯤
유용할 지 궁금하시죠?
왜 두 개의 다른 속성이 있는 걸까요?
제가 이 두 뷰에 테두리나
배경색을 더하게 된다면,
이 둘은 사실상 아주 다르게
보이게 됩니다.
하지만 우리는 테두리나
배경색을 더하는 게 아니기 때문에
padding이나 layout_margin
중 하나를 골라도 되는 겁니다.
두 개를 다 선택하는 건 의미가 없죠.
둘 중 하나를 선택할 수 있으므로
전 임의적으로
padding을 선택하겠습니다.
Android Studio에서는
어떻게 보일지 봅시다.
자, 지금 우리는
activity_main으로 돌아왔어요.
Padding 속성은
우리가 텍스트 뷰에 더해서
그것을 화면 가장자리에서
더 멀리 이동시키기 위한 거죠.
Padding과 layout_margin은
네 가장자리 모두에 공간을 더합니다.
자, 이제 더해보죠.
제가 모든 가장자리에
20dp의 공간을 넣고 싶다고 했었죠.
바로 여기 그 값을 넣고 있습니다.
더해진 공간과 함께
미리보기가 업데이트 되었어요.
밑으로 스크롤 해 볼게요.
자, 약간의 장난기가 발동하네요.
padding 대신 layout_margin을
이 텍스트 뷰에 더할 겁니다.
자, 역시 텍스트 뷰가
바깥으로 밀려났네요.
보시면,
layout_margin을 바꿨을 때
텍스트 뷰는 커지지 않았어요.
하지만 이 텍스트 뷰에서는
실제적인 텍스트 뷰의 크기가 바뀌었죠.
제가 layout_margin과 padding을
둘 다 더하면 어떻게 될까요?
한번 보죠.
이젠 제 텍스트가 가장자리에서
40dp만큼 떨어져 있네요.
여기는 20dp, 그리고 여기도
20dp만큼의 패딩이 있어요.
하지만 우리는 가장자리에서
40dp만큼 떨어져 있길 원하지 않죠.
그래서 이것을 지울 겁니다.
자, From, Lyla 텍스트 뷰에
20dp만큼의 패딩이 있고,
Happy Birthday, Ben 텍스트 뷰에도
20dp의 패딩이 있죠.
좋아요, 이제 핸드폰에서
실행시켜 봅시다.
자, 여러분께 완성된
Birthday Card 앱을 소개할게요.
손을 흔들어 보세요.
이것으로 우리가 해야 할 일들 중
마지막 것을 완성했습니다.
Certo, então haviam duas respostas
corretas para esta questão e
eram padding e layout_margin.
Então, você podia selecionar qualquer
um desses mas não precisa de ambos.
Deixe-me mostrar porquê.
Na prática, muitas vezes,
uma view que usa
padding será muito parecida a
uma view que usa layout_margin.
Deixe-me colocar
as margens da view para você.
Assim que colocar as margens da view,
poderá ver a diferença
entre estas duas situações.
No caso do padding,
você está fazendo a view atual maior
adicionando espaço dentro da view.
No caso da layout_margin, você está
adicionando espaço à volta da view, mas
na verdade sem alterar
o tamanho da view.
Agora você deve estar se perguntando
quando é que isto entra em ação?
Porquê dois atributos diferentes?
Bem, se eu estivesse a fazer algo
como adicionar uma margem ou uma cor
de fundo a ambas as views,
na verdade, seriam bem diferentes.
No nosso caso, embora não estejamos
adicionando uma margem ou cor de fundo,
você pode selecionar padding ou
layout_margin.
Não faria sentido
selecionar ambos.
Visto que podemos selecionar um, vou
avançar e, um pouco arbitrariamente,
selecionar adicionar padding.
Vamos ver como isto seria
no Android Studio.
Certo,
Estamos de volta à activity_main.
Agora o atributo padding é algo
que queremos adicionar às TextViews
para as afastar
do lado da tela.
Padding e layout_margin
adicionam espaço nos quatro lados.
Certo, vamos avançar e adicionar.
E lembre-se, eu disse que queria
20dp em todos os lados, então
é isso que estou colocando
aqui como valor.
A minha pré-visualização está atualizada
para mostrar o espaço adicionado,
Vou avançar e descer.
Certo, estou um pouco divertido
então vou avançar e
adicionar layout_margin à
TextView em vez de padding.
Certo, e isso
também fez desaparecer a TextView.
Contudo, repare que
o tamanho da TextView não aumentou
quando mudei a layout_margin,
enquanto que aqui nesta TextView,
o tamanho da TextView atual mudou.
Agora o que acontece se eu adicionar
ambas as layout_margin e padding.
Vamos lá ver.
Bem, agora o meu texto está
40dp afastado do lado.
Aqui está 20dp e
depois aqui outro 20dp de padding.
Certo mas nós não queremos
40dp afastado do lado.
Então vou avançar e
eliminar isto.
Certo, 20dp de padding na TextView
“De, Lyla”.
E 20dp de padding e
a text view “Feliz Aniversário, Ben”.
Incrível, executemos no seu celular.
Certo, e agora apresento-lhe
a app Cartão de Aniversário terminada.
Vamos divertir-nos um pouco.
E com isso, concluímos
a última coisa da nossa lista de tarefas.
На самом деле, на этот вопрос
есть два правильных ответа:
методы padding и layout_margin.
То есть вы могли выбрать любой из них,
оба выбирать не надо.
Давайте разберёмся почему.
На практике, в большинстве случаев
при использовании метода
padding изображение выглядит так же,
как и при использовании layout_margin.
Давайте на самом деле
нарисуем границы нашего поля.
Как только вы это сделаете,
вы сможете увидеть разницу при
применении этих двух методов.
В случае использования padding,
вы делаете сам элемент крупнее,
добавляя значения полей внутри него.
При использовании layout_margin,
поля добавляются вокруг элемента,
не внося изменений
в его фактический размер.
Возможно, вы задаётесь вопросом:
в каких случаях это имеет значение?
Для чего нужны два разных атрибута?
Ну, если бы мне нужно было, например,
добавить границу или фоновый
цвет к обоим нашим элементам,
они бы выглядели совсем по-разному.
В нашем случае, мы не будем добавлять
границы и фоновый цвет, поэтому
можно использовать как padding,
так и layout_margin.
Использовать оба просто
не имеет смысла.
Поскольку можно выбрать любой метод,
я произвольно остановлюсь на
применении padding.
Давайте посмотрим, как это
будет выглядеть в Android Studio.
Итак,
возвращаемся к activity_main.
Теперь мы хотим добавить атрибут padding
к нашим блокам TextView,
чтобы отодвинуть их подальше
от границ экрана телефона.
Атрибуты рadding и layout_margin
добавляют поля со всех четырёх сторон.
Отлично, давайте их добавим.
Помните, я сказала, что хочу
добавить по 20dp с каждой стороны, поэтому
именно это значение я указываю здесь.
Я обновила предварительный просмотр,
чтобы он показывал поля,
далее я прокручу экран вниз.
Для разнообразия теперь я хочу
попробовать другой вариант и добавить
layout_margin к этому
TextView вместо атрибута раdding.
Хорошо, это также изменило
параметры блока ТextView.
Несмотря на это,
размер TextView не увеличился, когда
я добавила изменения в layout_margin,
а вот здесь в TextView, фактический
размер TextView претерпел изменения.
А что произойдет, если добавить и
layout_margin, и padding?
Давайте проверим.
Итак, теперь текст расположен на
40dp от края экрана.
На 20dp здесь и на
20dp поля вот здесь.
Хорошо, понятно, но
нам не нужно расстояние в 40dp.
Поэтому вот это я собираюсь
удалить.
Оставляем 20dp в атрибуте
padding в TextView «From, Lyla».
И 20dp в атрибуте padding в TextView
«Happy Birthday, Ben».
Отлично, давайте запустим это на телефоне.
Позвольте представить вам законченное
мобильное приложение Birthday Card.
Давайте порадуемся.
Таким образом, мы разобрались
с последним пунктом в нашем списке.
Tamam, aslında bu sorunun
iki doğru cevabı vardı,
bunlar padding [iç boşluk] ve
layout_margin [yerleşim kenar boşluğu].
Bunlardan birisini seçebilirdiniz,
ikisine de ihtiyacınız yok.
Size nedenini göstereyim.
Uygulamada, çoğu zaman
padding kullanan bir görünüm
layout_margin kullanan bir
görünüme çok benzeyecektir.
Sizin için görünüm kenarlarını çizeyim.
Görünüm kenarlarını çizdikten sonra,
iki durum arasında farkı
gerçekten de görebilirsiniz.
Padding olması durumunda,
görünümün içine boşluk ekleyerek asıl
görünümü daha genişletiyorsunuz.
layout_margin olması durumunda,
görünümün etrafına boşluk ekliyorsunuz,
ama görünümün büyüklüğünü
aslında değiştirmiyorsunuz.
Bunların ne zaman kullanılacağını
merak ediyor olabilirsiniz?
Neden iki ayrı özellik var?
Eğer her iki görünüme kenar veya
zemin rengi eklemek gibi
bir şey yapsaydım,
aslında çok farklı görünürlerdi.
Bizim durumumuzda, bir kenar veya
zemin rengi eklemiyoruz,
bu yüzden padding veya
layout_margin seçebilirsiniz.
Her ikisini de seçmek mantıklı olmaz.
İkisinden birini seçebileceğimiz için,
devam edip biraz da keyfi olarak
padding eklemeyi seçiyorum.
Bunun Android Studio'da nasıl
göründüğüne bakalım.
Tamam, tekrar activity_main'deyiz.
Padding özelliği, ekranın kenarından
uzaklaştırmak istediğimiz için
TextViews'e eklemek istediğimiz bir şey.
Padding ve layout_margin her
dört tarafa boşluk ekler.
Tamam, devam edip ekleyelim.
Hatırlayın, her kenarın 20 dp olmasını
istediğimi söyledim,
bu yüzden değer olarak
buraya onu koyuyorum.
Önizlemem eklenen boşluğu
göstermek için güncellendi,
devam edip aşağıya iniyorum.
Tamam, şimdi biraz eğlenmek istiyorum,
bu yüzden devam edip
bu TextView'e padding yerine
layout_margin ekleyeceğim.
Tamam, bu da TextView'de boşluk yarattı.
layout_margin'i
değiştirdiğimde, TextView'in büyüklüğünün
artmadığına dikkat edin,
buna karşılık burada bu TextView'de,
asıl TextView'in büyüklüğü değişti.
Eğer hem layout_margin, hem de
padding eklersem ne olur?
Haydi buna bakalım.
Şimdi metnim duvardan 40 dp uzakta.
Burada 20 dp ve burada da
bir diğer 20 dp padding var.
Tamam, ancak duvardan
40 dp uzaklık istemiyoruz.
Bu yüzden devam edip bunu sileceğim.
Tamam, "Lyla'dan" TextView'de 20 dp.
20 dp padding ve
"Mutlu Yıllar, Ben!" TextView'i.
Harika, haydi bunu
telefonumuzda çalıştıralım.
Tamam, size bitmiş Doğum Günü Kartı
uygulamasını sunabilir miyim?
Haydi biraz kutlama yapalım.
Bununla birlikte, yapılacaklar
listesindeki son şeyi tamamlamış oluyoruz.
Được rồi, vậy thực sự có hai
câu trả lời chính xác cho câu hỏi này
là padding và layout_margin.
Nên bạn có thể chọn một trong hai đáp án
nhưng không cần cả hai.
Để tôi chỉ cho bạn biết tại sao.
Trong thực tế, rất nhiều lần,
một view sử dụng padding
sẽ trông rất giống với
một view sử dụng layout_margin.
Tôi sẽ vẽ ra ranh giới cho bạn.
Khi bạn vẽ ranh giới giữa các view,
bạn sẽ có thể thấy sự khác biệt
giữa hai tình huống này.
Trong trường hợp padding,
bạn làm cho view thực tế lớn hơn
bằng cách thêm khoảng trống quanh view.
Trong trường hợp layout_margin,
bạn thêm khoảng trống xung quanh view,
nhưng không thực sự thay đổi
kích thước của view đó.
Bây giờ, bạn có thể tự hỏi rằng
khi nào sự giống nhau này hoạt động?
Tại sao có hai thuộc tính khác nhau?
Vâng, nếu tôi làm điều gì đó
như thêm một đường viền
hoặc một màu nền cho cả hai view này,
thực sự chúng sẽ trông khá khác nhau.
Tuy nhiên, trong trường hợp này,
ta không thêm đường viền hoặc màu nền,
vì vậy bạn có thể chọn một trong hai
padding hoặc layout_margin.
Nhưng sẽ vô ích nếu chọn cả hai.
Vì chúng ta có thể chọn một trong hai,
tôi sẽ tiếp tục, một chút ngẫu hứng,
chọn thêm padding.
Hãy xem nó sẽ trông như thế nào
trong Android Studio.
Được rồi, ở đây
ta đang trở lại activity_main.
Bây giờ thuộc tính padding là cái
ta muốn thêm vào TextViews
để di chuyển chúng ra xa
khỏi các cạnh bên của màn hình.
Padding và layout_margin
thêm không gian trên tất cả bốn cạnh.
Được rồi, hãy tiếp tục và thêm nó.
Và hãy nhớ, tôi đã nói rằng tôi muốn
20dp ở tất cả các cạnh,
vậy đó là cái tôi đặt ngay ở đây - giá trị.
Màn hình xem trước của tôi
được cập nhật hiển thị thêm không gian,
Tôi sẽ tiếp tục và kéo xuống.
Được rồi, tôi cảm thấy hơi vui
nên tôi sẽ tiếp tục
và thêm layout_margin
vào TextView này thay vì thêm padding.
Được rồi,
và điều đó cũng đẩy TextView ra ngoài.
Tuy nhiên hãy lưu ý,
kích thước của TextView không tăng
khi tôi thay đổi layout_margin,
trong khi đó ở đây trong TextView này,
kích thước của TextView thực tế đã thay đổi.
Bây giờ chuyện gì sẽ xảy ra
nếu tôi thêm cả layout_margin và padding.
Hãy quan sát xem.
Vâng, bây giờ văn bản của tôi
có khoảng cách 40dp từ cạnh bên.
Đó là 20dp bên này
và 20dp padding bên này.
Được rồi, nhưng chúng tôi
không muốn khoảng cách với cạnh là 40dp.
Vì vậy, tôi sẽ tiếp tục và xóa cái này.
Được rồi, 20dp padding với dòng From Lyla.
Và 20dp padding với dòng
Happy Birthday, Ben.
Tuyệt, hãy chạy nó trên điện thoại.
Được rồi, tôi có thể trình bày cho bạn
ứng dụng Birthday Card hoàn chỉnh.
Hãy thêm một vài bàn tay jazz vào.
Và với điều đó, chúng ta đã hoàn thành
điều cuối cùng trong danh sách việc cần làm.
好的 这个问题有两个正确答案来解决
分别是 padding 和 layout_margin
你只需要设置它们之中的一个而不是全部即可
让我告诉你为什么
实际上 在很多时候 一个使用 Padding 的视图
看起来和一个使用 layout_margin 的视图是很相似的
让我来分别画出这两种设置的视图边框控件边缘
一旦你画出视图他们的边框
你就看出它们两者有什么不同
如果是设置的 padding
通过增加视图里的空间 使实际的视图变大
如果设置 layout_margin 相当于在空间周围填充白色空间
但并没有改变视图空间的大小
现在 你可能想知道它们显示出来会有什么不同?
为什么会有这两种不同的属性
如果我现在来给这些视图它们分别加上一个边框
或者是带颜色的背景 它们看起来完全不同
在我们的实例中 我们没有添加剂边框或者是背景
因此你可以设置 padding 或 layout_margin 都可以
同时设置两个是没意义的
我们可以选择任何一个 我就果断的
选择来设置 padding
我们来看看在 Android Studio 中会是什么样的
好的 现在我们回到 activity_main
现在我们对 TextView 设置 padding 属性
来让它和屏幕边缘有一段空白
Padding 和 layout_margin 属性会在它的四周留下空间白
好的 我们继续添加
记得 我说过想要20dp的距离
然后我们来设置相应的值
我们在预览中可以看到添加的空白空间
我们现在继续并向下滑动滚动
好的 现在我们来做一点好玩的事情 接下来
这次我们给这个 TextView 添加设置 layout_margin 来代替而不是 padding
好的 把 TextView 挪出来
观察
设置当我改变 layout_margin 的时候 TextView 的大小没有变
但是在这儿的 TextView 的实际大小变了
如果同时设置 layout_margin 和 padding 会怎样
来看看
好的 现在文字离边缘40dp
这儿有20dp 然后padding 这儿也是20dp
好的 但是我们并不想像让文字距离边缘40dp
然后我们继续 将这行删除
好的 Lyla 这个 TextView 的 padding 设置为 20dp
Happy Birthday Ben 这个空间的 padding 也设置为 20dp
让我们在手机上运行这个
好的 让我向你展示完成的生日卡片应用
我们来庆祝一下
现在我们完成了待办列表上的最后一件事
好,這個問題其實有兩個答案
分別是 padding 和 layout_margin
你可任選其一,但毋需同時選取兩者
讓我來說明箇中原因
在應用上,很多時使用 padding 與
使用 layout_margin 的效果看起來十分相似
讓我來確實勾畫出檢視邊框
勾畫出檢視邊框後
便能看出兩者的分別
使用 padding
是在檢視範圍內加設空位,讓整個檢視範圍變大
layout_margin 則在檢視範圍四周加設空位
而並沒有改變檢視範圍的實際大小
你或會想:這些什麼時候會派上用場?
為何有兩個不同屬性?
如果要在這兩個檢視範圍加上邊框或背景顏色
效果便會截然不同
可是現在我們不用加上邊框或背景顏色
所以選擇 padding 或 layout_margin 皆可
只要不同時選取兩者就對了
既然任選其一皆可
我便隨意選擇加入 padding
來看看在 Android Studio 裡的編碼是怎樣的
好,返回 activity_main
我們要將 padding 屬性加入 TextView
以便將其移離螢幕邊緣
padding 和 layout_margin 均同時在四邊加設空位
好,就這樣加上去
記得我說我想四邊為 20dp
所以那就是我在這裡輸入的數值
預覽隨即更新,顯示剛加設的空位
繼續下一步,往下滾動
好,現在想來點新意
在這個 TextView 加入 layout_margin 而非 padding
好,這亦將 TextView 移出來
留意一下
更改 layout_margin 沒有使 TextView 變大
而上面這個 TextView 的實際大小則有變
那麼同時加入 layout_margin 和 padding
又會怎樣呢?
一齊來看看
現在那些文字便距離螢幕邊緣 40dp
這裡 20dp,另加這裡 20dp 的 padding
好,我不要那些文字距離螢幕邊緣 40dp
所以我刪除這部份
好,From, Lyla TextView 內 20dp 的 padding
以及 Happy Birthday, Ben
TextView 內 20dp 的 padding
好極了,立刻在手機上運行應用程式
好,隆重呈獻剛完成的生日卡應用程式
來點歡呼喝彩吧
這樣便完成任務清單上的最後一項了