0 added
0 removed
Original
2026-01-01
Modified
2026-03-10
1
<p>Теги: android, андроид-разработка, tablayout</p>
1
<p>Теги: android, андроид-разработка, tablayout</p>
2
<p>Для добавления заголовков в Андроид-разработке можно использовать<strong>TabLayout</strong>-- встроенный виджет, создающий подобие вкладки над страницей. Давайте посмотрим, как он работает.</p>
2
<p>Для добавления заголовков в Андроид-разработке можно использовать<strong>TabLayout</strong>-- встроенный виджет, создающий подобие вкладки над страницей. Давайте посмотрим, как он работает.</p>
3
<p>Для примера возьмем какой-нибудь проект и добавим в него поддержку вышеупомянутого виджета. Для этого нужно прописать следующую зависимость в файл<strong>build.gradle</strong>:</p>
3
<p>Для примера возьмем какой-нибудь проект и добавим в него поддержку вышеупомянутого виджета. Для этого нужно прописать следующую зависимость в файл<strong>build.gradle</strong>:</p>
4
<p>Теперь внесем изменения в файл<strong>activity_main.xml</strong>:</p>
4
<p>Теперь внесем изменения в файл<strong>activity_main.xml</strong>:</p>
5
<p>В нашем случае над элементом<strong>ViewPager2</strong>размещается элемент<strong>TabLayout</strong>, определяющий заголовок для определенной страницы во<strong>ViewPager2</strong>.</p>
5
<p>В нашем случае над элементом<strong>ViewPager2</strong>размещается элемент<strong>TabLayout</strong>, определяющий заголовок для определенной страницы во<strong>ViewPager2</strong>.</p>
6
<p>Теперь надо связать<strong>TabLayout</strong>и<strong>ViewPager2</strong>. Для решения этих целей воспользуемся классом<strong>TabLayoutMediator</strong>. Таким образом, чтобы обеспечить связку<strong>ViewPager2</strong>и<strong>TabLayout</strong>надо будет изменить код<strong>MainActivity</strong>:</p>
6
<p>Теперь надо связать<strong>TabLayout</strong>и<strong>ViewPager2</strong>. Для решения этих целей воспользуемся классом<strong>TabLayoutMediator</strong>. Таким образом, чтобы обеспечить связку<strong>ViewPager2</strong>и<strong>TabLayout</strong>надо будет изменить код<strong>MainActivity</strong>:</p>
7
<p>Итак, конструктор<strong>TabLayoutMediator</strong>принимает 3 параметра: - объект<strong>ViewPager2</strong>; - объект<strong>TabLayout</strong>; - реализацию интерфейса<strong>TabConfigurationStrategy</strong>. Посредством метода onConfigureTab() эта реализация получает отдельную вкладку в качестве объекта<strong>Tab</strong>, а также номер страницы, что дает возможность настраивать вид вкладки. К примеру, вы сможете установить заголовок вкладки.</p>
7
<p>Итак, конструктор<strong>TabLayoutMediator</strong>принимает 3 параметра: - объект<strong>ViewPager2</strong>; - объект<strong>TabLayout</strong>; - реализацию интерфейса<strong>TabConfigurationStrategy</strong>. Посредством метода onConfigureTab() эта реализация получает отдельную вкладку в качестве объекта<strong>Tab</strong>, а также номер страницы, что дает возможность настраивать вид вкладки. К примеру, вы сможете установить заголовок вкладки.</p>
8
<p>После того как объект<strong>TabLayoutMediator</strong>создан, надо вызывать у него метод attach(). Остальное останется без изменений.</p>
8
<p>После того как объект<strong>TabLayoutMediator</strong>создан, надо вызывать у него метод attach(). Остальное останется без изменений.</p>
9
<p>Запустив проект на выполнение, вы увидите поверх страниц интерактивные вкладки-заголовки. Ниже можно посмотреть, как будет выглядеть приложение с 3-мя вкладками:</p>
9
<p>Запустив проект на выполнение, вы увидите поверх страниц интерактивные вкладки-заголовки. Ниже можно посмотреть, как будет выглядеть приложение с 3-мя вкладками:</p>
10
<p><em>По материалам https://metanit.com/java/android/.</em></p>
10
<p><em>По материалам https://metanit.com/java/android/.</em></p>
11
11