undefined

Внутренний и внешний отступ

Курс "Программирование под Андроид"
2 уровень , 10 лекция
Открыта

В этом уроке мы познакомимся с атрибутами padding и margin, научимся делать отступы между элементами и попробуем добавлять отступы на практике

Дата загрузки:2017-06-16T13:49:00

Внутренний и внешний отступ - 1

Ссылка на визуализатор XML

В этом уроке мы использовали такие слова:

Внутренний отступ padding
Внешний отступ margin

Их определения можно найти в Словаре терминов.

Комментарии (83)
Чтобы просмотреть все комментарии или оставить свой,
перейдите в полную версию
Anonymous #2508202 1 уровень, Bogorodsk
26 января 2021
Дядя Саша сам сделал
Руслан Асаев 14 уровень, Уфа
19 января 2021
Good modul
Григорий 24 уровень
14 декабря 2020
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:background="#009688" android:orientation="vertical"> <ImageView android:src="@drawable/ocean" android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="1" android:scaleType="centerCrop" /> <TextView android:text="You're invited!" android:layout_width="match_parent" android:layout_height="wrap_content" android:textColor="@android:color/white" android:textSize="45sp" android:paddingTop="16dp" android:paddingLeft="16dp" android:background="#009688"/> <TextView android:text="Bonfire at the beach" android:layout_width="match_parent" android:layout_height="wrap_content" android:textColor="@android:color/white" android:textSize="24sp" android:paddingLeft="16dp" android:paddingTop="8dp" android:paddingBottom="8dp" android:background="#009688"/> </LinearLayout>
Александр Довгаль 2 уровень, Москва
3 декабря 2020
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <ImageView android:src="@drawable/ocean" android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="1" android:scaleType="centerCrop" android:layout_marginBottom="8dp"/> <TextView android:text="You're invited!" android:layout_width="match_parent" android:layout_height="wrap_content" android:textColor="@android:color/white" android:textSize="45sp" android:background="#FF444C" android:paddingLeft="16dp" android:paddingTop="16dp"/> <TextView android:text="Bonfire at the beach" android:layout_width="match_parent" android:layout_height="wrap_content" android:textColor="@android:color/white" android:textSize="24sp" android:background="#009555" android:paddingTop="8dp" android:paddingLeft="16dp" android:paddingBottom="16dp"/> </LinearLayout> Как убрать белую полосу?
RetroGuy 1 уровень
28 ноября 2020
Оказывается, для экономии строчек кода, можно сначала указывать общий отступ для элемента, а потом перезаписать интересующий на другое значение: <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <ImageView android:src="@drawable/ocean" android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="1" android:scaleType="centerCrop"/> <TextView android:text="You're invited!" android:layout_width="wrap_content" android:layout_height="wrap_content" android:padding="16dp" android:paddingBottom="4dp" android:textColor="@android:color/white" android:textSize="45sp" android:background="#009688" /> <TextView android:text="Bonfire at the beach" android:layout_width="match_parent" android:layout_height="wrap_content" android:textColor="@android:color/white" android:textSize="24sp" android:background="#009688" android:padding="16dp" android:paddingTop="4dp"/> </LinearLayout>
Olja Horoshilova 19 уровень, Москва
3 ноября 2020
Подскажите, как сдать дз? где поставить галочку? я уже второй уровень прохожу, а мне не засчитывает
DoZ 1 уровень, Nizhniy Novgorod
29 октября 2020

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:padding="16dp"
    android:orientation="vertical">

    <ImageView
        android:src="@drawable/ocean"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:scaleType="centerCrop"
         android:layout_marginBottom="8dp" />

    <TextView
        android:text="You're invited!"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textColor="@android:color/white"
        android:paddingLeft="16dp"
        android:paddingTop="16dp"
        android:paddingBottom="4dp"
        android:textSize="45sp"
        android:background="#009688"/>

    <TextView
        android:text="Bonfire at the beach"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textColor="@android:color/white"
        android:paddingLeft="16dp"
        android:paddingBottom="16dp"
        android:paddingTop="4dp"
        android:textSize="24sp"
        android:background="#0095"/>

</LinearLayout>
Для наглядности можно изменить цвета текстовых вьюшек
MR 22 уровень, Харьков
21 сентября 2020
Вот тут чёт сложновато пошло. не могу врубиться, в чем разница между паддингом и маргином. Особенно ввело в ступор объявление паддинга в родителе и все дочерние элементы сразу стали ээ маргинами? Как это произошло, не могу нарисовать в своей голове. Можете пояснить, ещё раз и подробнее, может по другому..
Алексей 15 уровень, Уфа
9 августа 2020
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <ImageView android:src="@drawable/ocean" android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="1" android:scaleType="centerCrop" android:layout_marginBottom="8dp" /> <TextView android:text="You're invited!" android:layout_width="match_parent" android:layout_height="wrap_content" android:paddingTop="16dp" android:paddingLeft="16dp" android:textColor="@android:color/white" android:textSize="45sp" android:background="#009688"/> <TextView android:text="Bonfire at the beach" android:layout_width="match_parent" android:layout_height="wrap_content" android:paddingTop="8dp" android:paddingLeft="16dp" android:paddingBottom="16dp" android:textColor="@android:color/white" android:textSize="24sp" android:background="#009688"/> </LinearLayout>
Юрий 3 уровень, Москва
17 мая 2020
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <ImageView android:src="@drawable/ocean" android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="1" android:scaleType="centerCrop" /> <TextView android:text="You're invited!" android:layout_width="match_parent" android:layout_height="wrap_content" android:textColor="@android:color/white" android:paddingTop="16dp" android:paddingLeft="16dp" android:paddingBottom="8dp" android:textSize="45sp" android:background="#009688"/> <TextView android:text="Bonfire at the beach" android:layout_width="match_parent" android:layout_height="wrap_content" android:textColor="@android:color/white" android:paddingTop="10dp" android:paddingLeft="16dp" android:paddingBottom="16dp" android:textSize="24sp" android:background="#009688"/> </LinearLayout>