Нужны советы по разметке

@klim76 · Регистрация: 10.06.2016

1) Как нарисовать "границу" элемента, сейчас просто делаю "подкладку" LinearLayout с паддингом 1dp и нужным цветом заливки. Может можно как то по другому?

поделитесь опытом
2) Можно ли заголовки Tab-ов запихнуть на actionbar?
3) Нужно нарисовать "аля календарь" - 7 столбиков/6 строчек так что бы получились идеально квадратные ячейки - GridLayout?
4) Сворачивание вьюхи(под спойлером):

Кликните здесь для просмотра всего текста

XML

<LinearLayout
        android:id="@+id/order_map_contacts"
        android:layout_width="300dp"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:layout_alignParentRight="true"
        android:background="@color/background_white"
        android:padding="5dp"
        android:layout_margin="10dp">
        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:padding="3dp">
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Информация о заказе"
                android:textStyle="bold"/>
            <View
                android:layout_width="15dp"
                android:layout_height="3dp"
                android:layout_centerVertical="true"
                android:background="@color/text_black"
                android:layout_alignParentRight="true"/>
        </RelativeLayout>
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@color/driver_green"
            android:layout_margin="2dp"
            android:padding="1dp"
            android:layout_weight="1">
            <RelativeLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="@color/background_white">
                <LinearLayout
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:orientation="vertical"
                    android:layout_margin="5dp"
                    android:layout_centerVertical="true">
                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="Клиент:"
                        android:textStyle="bold"/>
                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="Короткова Надежда Игоревна"/>
                </LinearLayout>
                <ImageView
                    android:layout_width="40dp"
                    android:layout_height="40dp"
                    android:layout_alignParentRight="true"
                    android:layout_margin="5dp"
                    android:src="@drawable/phone_ball"/>
            </RelativeLayout>
        </LinearLayout>

нужно сделать что бы при нажатии на <View/> видимым оставался только он а все остальное "сворачивалось". желательно еще и анимированно

Заранее спасибо

Pablito · 18.08.2016, 11:26

1.

Кликните здесь для просмотра всего текста

XML

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/order_map_contacts"
    android:layout_width="300dp"
    android:layout_height="wrap_content"
    android:layout_alignParentEnd="true"
    android:layout_alignParentRight="true"
    android:layout_margin="10dp"
    android:background="#fff"
    android:orientation="vertical"
    android:padding="5dp">
 
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:padding="3dp">
 
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Информация о заказе"
            android:textStyle="bold" />
 
        <View
            android:layout_width="15dp"
            android:layout_height="3dp"
            android:layout_alignParentEnd="true"
            android:layout_alignParentRight="true"
            android:layout_centerVertical="true"
            android:background="#000" />
    </RelativeLayout>
 
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:background="@drawable/border">
 
        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:layout_margin="5dp"
            android:orientation="vertical">
 
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Клиент:"
                android:textStyle="bold" />
 
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Короткова Надежда Игоревна" />
        </LinearLayout>
 
        <ImageView
            android:layout_width="40dp"
            android:layout_height="40dp"
            android:layout_alignParentEnd="true"
            android:layout_alignParentRight="true"
            android:layout_margin="5dp"
            android:src="@drawable/phone_ball" />
    </RelativeLayout>
</LinearLayout>

и в папке drawable создаем файл, например border.xml

XML

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <stroke
        android:width="0.5dp"
        android:color="#7F7" />
    <!--<corners android:radius="4dp"/>-->
</shape>

2. да можно, но получится уродство (imho)
ничего не мешает внутрь Toolbar положить таблаяут и все остальное
3. если ячейки должны быть идеально квардратными, значит и сам лаяут должен быть идеально квадратным, иначе нам надо знать размеры дочерних элементов
вообще не проблема сделать квадратные кнопки или квадратный лаяут и в нем кнопки с весами, но их должно быть одинаково по осям, то есть не 6 на 7, а 7 на 7
иначе взникает вопрос как считать размер дочерних элементов

4. лениво

Pablito · 18.08.2016, 12:03

вот, на скорую руку пример с новым GridLayout и кастомной вьюшкой, 3х2 элемента, что бы не копипастить все 42 штуки

Кликните здесь для просмотра всего текста

Java

import android.content.Context;
import android.util.AttributeSet;
import android.view.View;
 
public class SquareView extends View { // вместо View можно наследоваться отлюбого лаяута
 
    public SquareView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }
 
    @Override
    protected void onMeasure(int w, int h) {
        super.onMeasure(w, w);
        setMeasuredDimension(w, w);
    }
}

Кликните здесь для просмотра всего текста

XML

<android.support.v7.widget.GridLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/order_map_contacts"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:columnCount="3"
    app:rowCount="2">
 
    <com.example.mytestapplication.SquareView
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_margin="2dp"
        android:background="#575"
        app:layout_columnWeight="1" />
 
    <com.example.mytestapplication.SquareView
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_margin="2dp"
        android:background="#575"
        app:layout_columnWeight="1" />
 
    <com.example.mytestapplication.SquareView
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_margin="2dp"
        android:background="#575"
        app:layout_columnWeight="1" />
 
    <com.example.mytestapplication.SquareView
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_margin="2dp"
        android:background="#575"
        app:layout_columnWeight="1" />
 
    <com.example.mytestapplication.SquareView
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_margin="2dp"
        android:background="#575"
        app:layout_columnWeight="1" />
 
    <com.example.mytestapplication.SquareView
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_margin="2dp"
        android:background="#575"
        app:layout_columnWeight="1" />
 
</android.support.v7.widget.GridLayout>

@klim76 · 18.08.2016, 14:47 **[ТС]**

Паблито, супер! спасибо!

@klim76 20 / 14 / 2 Регистрация: 10.06.2016 Сообщений: 144
	18.08.2016, 14:47 [ТС]	#4
	Паблито, супер! спасибо! 0

Опции темы