Тень после табов

Интерфейс, диалоги, темы, стили, меню
Ответить
Arman
Сообщения: 31
Зарегистрирован: 13 фев 2016, 07:13

Тень после табов

Сообщение Arman » 17 мар 2016, 14:51

Здравствуйте, подскажите как добавить тень после табов, они находятся в AppBarLayout

Фрагмент с кодом

Код: Выделить всё

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="loc.mab.test.add_organization">

    <android.support.design.widget.AppBarLayout
        android:layout_height="wrap_content"
        android:layout_width="match_parent"
        android:theme="@style/AppTheme.AppBarOverlay"
        >

        <android.support.design.widget.TabLayout
            android:id="@+id/tab_layout"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:tabMaxWidth="0dp"
            app:tabGravity="fill"
            app:tabIndicatorColor="@color/TabIndicatorColor"
            app:tabIndicatorHeight="@dimen/TabIndicatorHeight"
            />

         <android.support.v4.view.ViewPager
           android:id="@+id/pager"
           android:layout_width="match_parent"
           android:layout_height="wrap_content"
           android:layout_below="@id/tab_layout"
             />

    </android.support.design.widget.AppBarLayout>
</LinearLayout>
получается так,тень над табами, а как сделать чтобы тень была под ними
Изображение

Аватара пользователя
An-droid
Сообщения: 51
Зарегистрирован: 25 авг 2015, 10:54

Re: Тень после табов

Сообщение An-droid » 17 мар 2016, 17:57

Это тень от toolbar (actionbar).
Смотрите https://www.google.com.ua/webhp?sourcei ... ove+shadow
Изображение

парень
Сообщения: 223
Зарегистрирован: 30 мар 2013, 22:52

Re: Тень после табов

Сообщение парень » 19 мар 2016, 18:17

Использовать CoordiantorLayout, AppBarLayout, TabLayout

[syntax=xml]<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout
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"
android:fitsSystemWindows="true"
tools:context=".ActivityNewZapis"
android:theme="@style/MyAppTheme.LightBar"
>

<android.support.design.widget.AppBarLayout
android:layout_height="wrap_content"
android:layout_width="match_parent"
android:theme="@style/AppTheme.ActionBarTheme.My"
android:id="@+id/bar"
>

<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
app:popupTheme="@style/AppTheme.PopupOverlay"
/>

<FrameLayout // у меня здесь дополнительный фрагмент подставляется.
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="@+id/frame"
android:layout_below="@+id/bar"
android:background="@color/Gray_100"
android:paddingBottom="16dp"></FrameLayout>

<android.support.design.widget.TabLayout
android:id="@+id/tabs"
android:layout_width="match_parent"
android:layout_height="48dp"
app:tabIndicatorHeight="2dp"
android:layout_gravity="bottom"
app:tabMode="fixed"
app:tabIndicatorColor="@color/primary"
app:tabSelectedTextColor="@color/primary"
app:tabTextColor="@color/textColorSecondary"
android:layout_below="@+id/frame"
app:tabGravity="center" />
</android.support.design.widget.AppBarLayout>
</android.support.design.widget.CoordinatorLayout> [/syntax]
Мой первенец: MyMoney. Менеджер расходов

Бьем рекорды русских топов :)

Могу ответить на любые вопросы по маркетингу и развитию.

Ответить