Лекции
Начать
Начать обучение
JavaRush /Курсы /Курс "Программирование под Андроид" /Планируем, как построить макет

Планируем, как построить макет

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

Свои ответы и вопросы можете оставлять в комментариях.

ALL IN ONE
Комментарии (28)
ЧТОБЫ ПОСМОТРЕТЬ ВСЕ КОММЕНТАРИИ ИЛИ ОСТАВИТЬ КОММЕНТАРИЙ,
ПЕРЕЙДИТЕ В ПОЛНУЮ ВЕРСИЮ
Alexoshur1002 Уровень 10
8 марта 2024
спасибо,очень инетерсно
SSAXXARR Уровень 33
13 января 2022 

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <TextView
        android:id="@+id/QuantityTV"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="16dp"
        android:layout_marginTop="16dp"
        android:text="@string/quantity_textView"
        android:textColor="@color/black"
        android:textSize="24sp" />

    <TextView
        android:id="@+id/countTV"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/QuantityTV"
        android:layout_marginLeft="16dp"
        android:layout_marginTop="16dp"
        android:text="@string/sizeTV"
        android:textSize="24sp" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/countTV"
        android:layout_marginLeft="16dp"
        android:layout_marginTop="16dp"
        android:text="@string/orderButton" />



</RelativeLayout>
🦔 Виктор Уровень 20 Expert
26 ноября 2020
1. Для первой версии и линейный макет вполне сойдёт, так как все элементы в столбик по вертикали идут. 2. Для финальной версии, конечно, удобнее относительным макетом всё на места расставлять. 3. А в идеале использовать нужно актуальный макет ограничитель ; ) 4. Остальное текстовыми представлениями отрисовать и кнопки сделать. 5. Всё получится! p.s. Кто тут переводом возмущён? Осмелюсь предположить, что недовольный не слышал реальных переводов на VHS кассетах 90х, где всё одним гнусным голосом c прищепкой на носу озвучивали. Здесь же вполне достойный, студийный, профессиональный перевод, соответствующий обучающей тематике, чего же боле?
Name Unknown ;) Уровень 2
18 января 2021
Я так понял, что все эти Linear и Relative в новых версиях Android Studio не используются - вместо них Concstraint. Я воспринимаю это так: тренируемся на Linear и Relative, а потом после курса уже работаем спокойно с Constraint, верно?
🦔 Виктор Уровень 20 Expert
19 января 2021
Да, всё верно. Здесь учимся принципам вёрстки на относительных и линейных макетах, а в бою используем современный ConstraintLayout.
Алексей Калинин Уровень 7
4 мая 2021
Можешь объяснить в двух словах, чем принципиально отличается ConstraintLayout?
🦔 Виктор Уровень 20 Expert
16 мая 2021
Вкратце: в ConstraintLayout элементы можно "привязать" к краям экрана/других элементов и таким образом гибко позиционировать их относительно друг друга.
Учиха Шисуи Уровень 22 Expert
10 ноября 2020
Код не совпадает с последующим в уроках. Просто пример того как я это сделал, до того как увидел следующее видео. 

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity"
    android:orientation="vertical"
    android:background="@android:color/darker_gray"
    android:padding="8dp">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/quantity_text"
        android:textAppearance="@style/TextAppearance.AppCompat.Large"
        android:layout_margin="8dp"
        android:textAllCaps="true"
        android:textColor="@android:color/tertiary_text_dark"/>

    <TextView
        android:id="@+id/summary"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/result_text"
        android:textAppearance="@style/TextAppearance.AppCompat.Large"
        android:layout_margin="8dp"/>

    <Button
        android:id="@+id/order_button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/button_text"
        android:textColor="@android:color/black"
        android:backgroundTint="@android:color/tertiary_text_dark"
        android:layout_marginLeft="8sp"/>


</LinearLayout>
hidden #2411133 Уровень 20
19 ноября 2020
Можешь объяснить, что такое context во всех смыслах?
Учиха Шисуи Уровень 22 Expert
23 ноября 2020
Привет. В документе xml он у меня сам прописался, когда я создавал Empty Activity. Но по дальнейшему своему опыту (это очень раздутое выражение в моем случае) могу сказать, что контекст указывает на класс, который расширяет Activity (AppCombatActivity напр.). С использованием контекста (объекта класса Context), я сталкивался в Java коде (документы .java), но не в xml коде (как тот что приведен сверху). Это мне пока не было необходимо. Объект класса Context, необходим, например для того, чтобы программно создавать наш визуал из Java кода, используя минимум заготовок xml. И я долго не мог этого понять, и тыкал всё подряд, и вскипел и не хотел разбираться. Надеюсь, я смог ответить на твой вопрос, но думаю, что ты имел ввиду, только одну строчку в моем примере, а не настолько широкий смысл контекста.. Удачи в освоении, земеля)
hidden #2214688 Уровень 22
19 июля 2020
RelativeLayout, исходя из того, что собираются делать дальше 

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

    <TextView
        android:id="@+id/quantity"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:layout_marginBottom="8dp"
        android:text="QUANTITY" />

    <TextView
        android:id="@+id/count"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_below="@id/quantity"
        android:layout_marginBottom="8dp"
        android:text="0" />

    <Button
        android:id="@+id/order"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_below="@id/count"
        android:text="ORDER" />
</RelativeLayout>
Stragin Уровень 4
8 июня 2020
1. 2 TextView и 1 Button 2. Думаю тут хватит и LinearLayout 3. разве что шрифт изменить в тексте
Darney Starovan Уровень 1
24 мая 2020
можно лм было на момент видео делать макеты в ConstraintLayout? Не понятно это часть обучения заставлять нас писать код в релатив и линер? Ведь в ConstraintLayout можно просто мышкой размещать кнопки,текста на макете и т.д.
Name Unknown ;) Уровень 2
18 января 2021
Ну я предполагаю, что прикол в том, чтобы понимать, как это всё от руки вводится. Да и наверняка встречаются ситуации, когда надо руками это закодить, когда возможностей размещения элементов мышкой недостаточно.
Георгий Уровень 16
12 августа 2019
TextView TextView Button styles
Антон Уровень 2
27 июля 2018
TextView, TextView, Button LenearLayout добавить цвета
Krypton Уровень 2
4 июля 2018
TextView, TextView (?), BottomView. Position:LinearLayout. Gray, null (black), background:gray.