tag:blogger.com,1999:blog-90723643143948088202024-02-20T10:27:18.524-08:00Уроки AndroidAnonymoushttp://www.blogger.com/profile/01290780333697349564noreply@blogger.comBlogger2125tag:blogger.com,1999:blog-9072364314394808820.post-32587512835009716942015-09-21T07:38:00.000-07:002015-09-21T07:38:03.737-07:00Android Design Support Library — поддержка компонентов Material Design в приложениях с Android 2.1 до Android 5+ (с примерами)<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="background-color: white; border: 0px; box-sizing: border-box; color: #333333; font-family: Lato, Times, serif; font-size: 14px; line-height: 20px; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
<div style="border: 0px; box-sizing: border-box; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
<strong style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Android 5.0 Lollipop</strong> — один из самых значимых релизов системы <strong style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Android</strong> , в немалой степени благодаря введению концепции <strong style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Material Design</strong>, нового языка дизайна, который преобразил <strong style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Android</strong>. <a href="http://www.google.com/design/spec/material-design/introduction.html?utm_campaign=io15&utm_source=dac&utm_medium=blog" style="border: 0px; box-sizing: border-box; color: #428bca; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">Подробные спецификации</a> помогают начать использовать <strong style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Material Design</strong>, но не решают проблемы разработчиков, связанные с обеспечением обратной совместимости приложений.</div>
<div style="border: 0px; box-sizing: border-box; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
Новая библиотека поддержки <strong style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Android Design Support Library </strong>делает доступным весь набор компонентов материального дизайна для всех версий, начиная с <strong style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Android 2.1</strong> и выше:</div>
<ul style="border: 0px; box-sizing: border-box; margin: 0px 0px 10px 3em; outline: 0px; padding: 0px; vertical-align: baseline;">
<li style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><strong style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Navigation View (для Navigation Drawer) — панель навигации</strong></li>
<li style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><strong style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Floating Labels (для EditText) — плавающий ярлык</strong></li>
<li style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><strong style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Floating Action Button (FAB) плавающая кнопка</strong></li>
<li style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><strong style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Snackbar — всплывающее уведомление с кнопкой</strong></li>
<li style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><strong style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Tabs — вкладки</strong></li>
<li style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><strong style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Motion and Scroll framework — управление жестами и прокруткой</strong></li>
</ul>
<h3 style="border: 0px; box-sizing: border-box; clear: both; color: #595959; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 24px; font-weight: 500; line-height: 1.1; margin: 20px 0px 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
Как подключить Android Design Support Library в проект Android Studio</h3>
<div style="border: 0px; box-sizing: border-box; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
Обновите <strong style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Android Support Repository</strong> в SDK менеджере. Для подключения <strong style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Android Design Support Library</strong> в ваш проект добавьте строку в секцию зависимостей файла <strong style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">build.gradle</strong>:</div>
<pre class="pretty print prettyprint" style="background: rgb(245, 245, 245); border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 13px; line-height: 1.42857; margin-bottom: 20px; max-width: 100%; outline: 0px; overflow: auto; padding: 9.5px; vertical-align: baseline; white-space: pre-wrap; word-break: break-all; word-wrap: break-word;"><span class="pln" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"> compile </span><span class="str" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">'com.android.support:design:22.2.0'</span></pre>
<div style="border: 0px; box-sizing: border-box; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
Так как библиотека материального дизайна зависит от Support v4 и AppCompat Support Libraries, те будут включаться автоматически при добавлении библиотеки <em style="border: 0px; box-sizing: border-box; font-family: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">com.android.support:design:22.2.0</em>.</div>
<div style="border: 0px; box-sizing: border-box; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
Все новые виджеты, перечисленные в этой статье, должны быть доступны в редакторе макетов Android Studio (на вкладке CustomView), для некоторых компонентов доступен предварительный просмотр.</div>
<h3 style="border: 0px; box-sizing: border-box; clear: both; color: #595959; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 24px; font-weight: 500; line-height: 1.1; margin: 20px 0px 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
Navigation View</h3>
<div style="border: 0px; box-sizing: border-box; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
<a href="http://www.google.com/design/spec/patterns/navigation-drawer.html?utm_campaign=io15&utm_source=dac&utm_medium=blog" style="border: 0px; box-sizing: border-box; color: #428bca; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">Navigation drawer</a> является важным элементом навигации вашего приложения, он ориентирует и координирует пользователя, что особенно важно для пользователей-новичков. <code style="background: rgb(238, 238, 238); border-radius: 4px; border: 0px; box-sizing: border-box; color: black; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 12.6px; font-stretch: normal; line-height: normal; margin: 0px; outline: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap !important;"><a href="http://developer.android.com/reference/android/support/design/widget/NavigationView.html?utm_campaign=io15&utm_source=dac&utm_medium=blog" style="border: 0px; box-sizing: border-box; color: #428bca; font-family: inherit; font-size: 12.6px; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;">NavigationView</a></code> делает это проще, обеспечивая каркас для панели навигации, а также возможность создавать новые элементы навигации через ресурсы меню.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.fandroid.info/wp-content/uploads/2015/06/drawer.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://www.fandroid.info/wp-content/uploads/2015/06/drawer.png" height="320" width="294" /></a></div>
<div style="border: 0px; box-sizing: border-box; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
Используйте <code style="background: rgb(238, 238, 238); border-radius: 4px; border: 0px; box-sizing: border-box; color: black; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 12.6px; font-stretch: normal; line-height: normal; margin: 0px; outline: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap !important;">NavigationView</code> как <code style="background: rgb(238, 238, 238); border-radius: 4px; border: 0px; box-sizing: border-box; color: black; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 12.6px; font-stretch: normal; line-height: normal; margin: 0px; outline: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap !important;">DrawerLayout</code> представление в макете, например:</div>
<pre class="pretty print prettyprint" style="background: rgb(245, 245, 245); border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 13px; line-height: 1.42857; margin-bottom: 20px; max-width: 100%; outline: 0px; overflow: auto; padding: 9.5px; vertical-align: baseline; white-space: pre-wrap; word-break: break-all; word-wrap: break-word;"><span class="tag" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><android.support.v4.widget.DrawerLayout</span><span class="pln" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
</span><span class="atn" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">xmlns:android</span><span class="pun" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">=</span><span class="atv" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">"http://schemas.android.com/apk/res/android"</span><span class="pln" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
</span><span class="atn" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">xmlns:app</span><span class="pun" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">=</span><span class="atv" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">"http://schemas.android.com/apk/res-auto"</span><span class="pln" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
</span><span class="atn" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">android:layout_width</span><span class="pun" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">=</span><span class="atv" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">"match_parent"</span><span class="pln" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
</span><span class="atn" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">android:layout_height</span><span class="pun" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">=</span><span class="atv" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">"match_parent"</span><span class="pln" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
</span><span class="atn" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">android:fitsSystemWindows</span><span class="pun" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">=</span><span class="atv" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">"true"</span><span class="tag" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">></span><span class="pln" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
</span><span class="com" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><!-- your content layout --></span><span class="pln" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
</span><span class="tag" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><android.support.design.widget.NavigationView</span><span class="pln" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
</span><span class="atn" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">android:layout_width</span><span class="pun" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">=</span><span class="atv" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">"wrap_content"</span><span class="pln" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
</span><span class="atn" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">android:layout_height</span><span class="pun" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">=</span><span class="atv" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">"match_parent"</span><span class="pln" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
</span><span class="atn" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">android:layout_gravity</span><span class="pun" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">=</span><span class="atv" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">"start"</span><span class="pln" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
</span><span class="atn" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">app:headerLayout</span><span class="pun" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">=</span><span class="atv" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">"@layout/drawer_header"</span><span class="pln" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
</span><span class="atn" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">app:menu</span><span class="pun" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">=</span><span class="atv" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">"@menu/drawer"</span><span class="tag" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">/></span>
<span class="tag" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"></android.support.v4.widget.DrawerLayout></span></pre>
<div style="border: 0px; box-sizing: border-box; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
Обратите внимание на два атрибута <strong style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">NavigationView</strong>:</div>
<ul style="border: 0px; box-sizing: border-box; margin: 0px 0px 10px 3em; outline: 0px; padding: 0px; vertical-align: baseline;">
<li style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><strong style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">app:headerLayout — </strong>устанавливает (опционально) макет, используемый для заголовка</li>
<li style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><strong style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">app:menu</strong> подключает ресурсы меню для элементов навигации (которые также могут обновляться во время выполнения)</li>
</ul>
<div style="border: 0px; box-sizing: border-box; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
<strong style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">NavigationView</strong> обеспечивает взаимодействие со строкой состояния<strong style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"> (status bar)</strong>, как на устройствах с версией API21+.</div>
<div style="border: 0px; box-sizing: border-box; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
Пример простого меню для <strong style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Navigation Drawer</strong> с отмечаемыми пунктами:</div>
<pre class="pretty print prettyprint" style="background: rgb(245, 245, 245); border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 13px; line-height: 1.42857; margin-bottom: 20px; max-width: 100%; outline: 0px; overflow: auto; padding: 9.5px; vertical-align: baseline; white-space: pre-wrap; word-break: break-all; word-wrap: break-word;"><span class="tag" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><group</span> <span class="atn" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">android:checkableBehavior</span><span class="pun" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">=</span><span class="atv" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">"single"</span><span class="tag" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">></span><span class="pln" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
</span><span class="tag" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><item</span><span class="pln" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
</span><span class="atn" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">android:id</span><span class="pun" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">=</span><span class="atv" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">"@+id/navigation_item_1"</span><span class="pln" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
</span><span class="atn" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">android:checked</span><span class="pun" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">=</span><span class="atv" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">"true"</span><span class="pln" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
</span><span class="atn" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">android:icon</span><span class="pun" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">=</span><span class="atv" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">"@drawable/ic_android"</span><span class="pln" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
</span><span class="atn" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">android:title</span><span class="pun" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">=</span><span class="atv" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">"@string/navigation_item_1"</span><span class="tag" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">/></span><span class="pln" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
</span><span class="tag" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><item</span><span class="pln" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
</span><span class="atn" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">android:id</span><span class="pun" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">=</span><span class="atv" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">"@+id/navigation_item_2"</span><span class="pln" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
</span><span class="atn" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">android:icon</span><span class="pun" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">=</span><span class="atv" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">"@drawable/ic_android"</span><span class="pln" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
</span><span class="atn" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">android:title</span><span class="pun" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">=</span><span class="atv" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">"@string/navigation_item_2"</span><span class="tag" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">/></span>
<span class="tag" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"></group></span></pre>
<div style="border: 0px; box-sizing: border-box; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
Отмеченный в панели навигации пункт меню остается выделенным, обеспечивая пользователя информацией, какой пункт выбран.</div>
<div style="border: 0px; box-sizing: border-box; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
Вы также можете использовать подзаголовки в меню на отдельные группы пунктов:</div>
<pre class="pretty print prettyprint" style="background: rgb(245, 245, 245); border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 13px; line-height: 1.42857; margin-bottom: 20px; max-width: 100%; outline: 0px; overflow: auto; padding: 9.5px; vertical-align: baseline; white-space: pre-wrap; word-break: break-all; word-wrap: break-word;"><span class="tag" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><item</span><span class="pln" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
</span><span class="atn" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">android:id</span><span class="pun" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">=</span><span class="atv" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">"@+id/navigation_subheader"</span><span class="pln" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
</span><span class="atn" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">android:title</span><span class="pun" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">=</span><span class="atv" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">"@string/navigation_subheader"</span><span class="tag" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">></span><span class="pln" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
</span><span class="tag" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><menu></span><span class="pln" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
</span><span class="tag" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><item</span><span class="pln" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
</span><span class="atn" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">android:id</span><span class="pun" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">=</span><span class="atv" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">"@+id/navigation_sub_item_1"</span><span class="pln" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
</span><span class="atn" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">android:icon</span><span class="pun" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">=</span><span class="atv" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">"@drawable/ic_android"</span><span class="pln" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
</span><span class="atn" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">android:title</span><span class="pun" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">=</span><span class="atv" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">"@string/navigation_sub_item_1"</span><span class="tag" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">/></span><span class="pln" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
</span><span class="tag" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><item</span><span class="pln" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
</span><span class="atn" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">android:id</span><span class="pun" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">=</span><span class="atv" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">"@+id/navigation_sub_item_2"</span><span class="pln" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
</span><span class="atn" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">android:icon</span><span class="pun" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">=</span><span class="atv" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">"@drawable/ic_android"</span><span class="pln" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
</span><span class="atn" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">android:title</span><span class="pun" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">=</span><span class="atv" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">"@string/navigation_sub_item_2"</span><span class="tag" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">/></span><span class="pln" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
</span><span class="tag" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"></menu></span>
<span class="tag" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"></item></span></pre>
<div style="border: 0px; box-sizing: border-box; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
Вы будете получать обратные вызовы для выбранных элементов, установив слушатель <code style="background: rgb(238, 238, 238); border-radius: 4px; border: 0px; box-sizing: border-box; color: black; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 12.6px; font-stretch: normal; line-height: normal; margin: 0px; outline: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap !important;">OnNavigationItemSelectedListener</code> , использующий метод <code style="background: rgb(238, 238, 238); border-radius: 4px; border: 0px; box-sizing: border-box; color: black; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 12.6px; font-stretch: normal; line-height: normal; margin: 0px; outline: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap !important;">setNavigationItemSelectedListener()</code>. Это позволяет обрабатывать события выбора <a href="http://developer.android.com/reference/android/view/MenuItem.html?utm_campaign=io15&utm_source=dac&utm_medium=blog" style="border: 0px; box-sizing: border-box; color: #428bca; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" target="_blank"><code style="background: rgb(238, 238, 238); border-radius: 4px; border: 0px; box-sizing: border-box; color: black; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 12.6px; font-stretch: normal; line-height: normal; margin: 0px; outline: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap !important;">MenuItem</code></a> , выполняя дополнительные действия, например изменение статуса отмеченных пунктов, загрузку нового контента, программное закрытие <strong style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Navigation</strong> <strong style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Drawer</strong>, или любые другие действия, которые могут потребоваться.</div>
<h3 style="border: 0px; box-sizing: border-box; clear: both; color: #595959; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 24px; font-weight: 500; line-height: 1.1; margin: 20px 0px 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
Floating Labels для EditText</h3>
<div style="border: 0px; box-sizing: border-box; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
Даже для скромного <a href="http://developer.android.com/reference/android/widget/EditText.html?utm_campaign=io15&utm_source=dac&utm_medium=blog" style="border: 0px; box-sizing: border-box; color: #428bca; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" target="_blank"><code style="background: rgb(238, 238, 238); border-radius: 4px; border: 0px; box-sizing: border-box; color: black; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 12.6px; font-stretch: normal; line-height: normal; margin: 0px; outline: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap !important;">EditText</code></a> нашлось улучшение в духе материального дизайна. <code style="background: rgb(238, 238, 238); border-radius: 4px; border: 0px; box-sizing: border-box; color: black; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 12.6px; font-stretch: normal; line-height: normal; margin: 0px; outline: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap !important;">EditText</code> скрывает текст подсказки<strong style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">(hint)</strong> сразу после того, как пользователь начинает вводить текст. Вы можете теперь обернуть <code style="background: rgb(238, 238, 238); border-radius: 4px; border: 0px; box-sizing: border-box; color: black; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 12.6px; font-stretch: normal; line-height: normal; margin: 0px; outline: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap !important;">EditText</code> в <code style="background: rgb(238, 238, 238); border-radius: 4px; border: 0px; box-sizing: border-box; color: black; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 12.6px; font-stretch: normal; line-height: normal; margin: 0px; outline: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap !important;"><a href="http://developer.android.com/reference/android/support/design/widget/TextInputLayout.html?utm_campaign=io15&utm_source=dac&utm_medium=blog" style="border: 0px; box-sizing: border-box; color: #428bca; font-family: inherit; font-size: 12.6px; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">TextInputLayout</a></code>, и текст подсказки отобразится в <a href="http://www.google.com/design/spec/components/text-fields.html?utm_campaign=io15&utm_source=dac&utm_medium=blog#text-fields-floating-labels" style="border: 0px; box-sizing: border-box; color: #428bca; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">floating label</a> выше <code style="background: rgb(238, 238, 238); border-radius: 4px; border: 0px; box-sizing: border-box; color: black; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 12.6px; font-stretch: normal; line-height: normal; margin: 0px; outline: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap !important;">EditText</code>, демонстрируя пользователю подсказку во время ввода.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.fandroid.info/wp-content/uploads/2015/06/Floating-Label-dlya-EditText.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://www.fandroid.info/wp-content/uploads/2015/06/Floating-Label-dlya-EditText.png" height="60" width="320" /></a></div>
<div style="border: 0px; box-sizing: border-box; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
<br /></div>
<div style="border: 0px; box-sizing: border-box; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
В дополнение к подсказке, можно отобразить сообщение об ошибке ниже <code style="background: rgb(238, 238, 238); border-radius: 4px; border: 0px; box-sizing: border-box; color: black; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 12.6px; font-stretch: normal; line-height: normal; margin: 0px; outline: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap !important;">EditText</code> путем вызова метода <code style="background: rgb(238, 238, 238); border-radius: 4px; border: 0px; box-sizing: border-box; color: black; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 12.6px; font-stretch: normal; line-height: normal; margin: 0px; outline: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap !important;">setError()</code>.</div>
<div style="border: 0px; box-sizing: border-box; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
Подробнее процесс создания Floating Labels для EditText смотрите в видео:</div>
<div class="separator" style="clear: both; text-align: center;">
<iframe width="320" height="266" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/egKox1-6cEk/0.jpg" src="https://www.youtube.com/embed/egKox1-6cEk?feature=player_embedded" frameborder="0" allowfullscreen></iframe></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<h3 style="border: 0px; box-sizing: border-box; clear: both; color: #595959; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 24px; font-weight: 500; line-height: 1.1; margin: 20px 0px 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
Floating Action Button</h3>
<div style="border: 0px; box-sizing: border-box; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
<a href="http://www.google.com/design/spec/components/buttons-floating-action-button.html?utm_campaign=io15&utm_source=dac&utm_medium=blog" style="border: 0px; box-sizing: border-box; color: #428bca; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">Floating action button</a> — это круглая кнопка, обозначающий основное действие в интерфейсе вашего приложения. <code style="background: rgb(238, 238, 238); border-radius: 4px; border: 0px; box-sizing: border-box; color: black; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 12.6px; font-stretch: normal; line-height: normal; margin: 0px; outline: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap !important;"><a href="http://developer.android.com/reference/android/support/design/widget/FloatingActionButton.html?utm_campaign=io15&utm_source=dac&utm_medium=blog" style="border: 0px; box-sizing: border-box; color: #428bca; font-family: inherit; font-size: 12.6px; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">FloatingActionButton</a></code> из Android Design Support Library предоставляет единую последовательную реализацию <strong style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">FAB</strong>, используя цвета <code style="background: rgb(238, 238, 238); border-radius: 4px; border: 0px; box-sizing: border-box; color: black; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 12.6px; font-stretch: normal; line-height: normal; margin: 0px; outline: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap !important;">colorAccent </code>из вашей темы по умолчанию.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.fandroid.info/wp-content/uploads/2015/06/Floating-Action-Button.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://www.fandroid.info/wp-content/uploads/2015/06/Floating-Action-Button.png" /></a></div>
<div style="border: 0px; box-sizing: border-box; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
<br /></div>
<div style="border: 0px; box-sizing: border-box; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
В дополнение к обычному размеру плавающей кнопки действия, он также поддерживает мини-размер (<code style="background: rgb(238, 238, 238); border-radius: 4px; border: 0px; box-sizing: border-box; color: black; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 12.6px; font-stretch: normal; line-height: normal; margin: 0px; outline: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap !important;">fabSize="mini"</code>) для обеспечения визуальной целостности интерфейса и согласованности с другими элементами.</div>
<div style="border: 0px; box-sizing: border-box; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
<code style="background: rgb(238, 238, 238); border-radius: 4px; border: 0px; box-sizing: border-box; color: black; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 12.6px; font-stretch: normal; line-height: normal; margin: 0px; outline: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap !important;">FloatingActionButton</code> унаследован от <code style="background: rgb(238, 238, 238); border-radius: 4px; border: 0px; box-sizing: border-box; color: black; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 12.6px; font-stretch: normal; line-height: normal; margin: 0px; outline: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap !important;">ImageView</code>, поэтому можно использовать атрибут макета <code style="background: rgb(238, 238, 238); border-radius: 4px; border: 0px; box-sizing: border-box; color: black; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 12.6px; font-stretch: normal; line-height: normal; margin: 0px; outline: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap !important;">android:src </code>или, например, метод <code style="background: rgb(238, 238, 238); border-radius: 4px; border: 0px; box-sizing: border-box; color: black; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 12.6px; font-stretch: normal; line-height: normal; margin: 0px; outline: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap !important;"><a href="http://developer.android.com/reference/android/widget/ImageView.html?utm_campaign=io15&utm_source=dac&utm_medium=blog#setImageDrawable(android.graphics.drawable.Drawable)" style="border: 0px; box-sizing: border-box; color: #428bca; font-family: inherit; font-size: 12.6px; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">setImageDrawable()</a></code> для установки иконки, отображаемой внутри <code style="background: rgb(238, 238, 238); border-radius: 4px; border: 0px; box-sizing: border-box; color: black; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 12.6px; font-stretch: normal; line-height: normal; margin: 0px; outline: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap !important;">FloatingActionButton</code>.</div>
<h3 style="border: 0px; box-sizing: border-box; clear: both; color: #595959; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 24px; font-weight: 500; line-height: 1.1; margin: 20px 0px 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
Snackbar</h3>
<div style="border: 0px; box-sizing: border-box; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
Обратную связь о какое-либо действии в интерфейсе приложения можно обеспечить, используя <a href="http://www.google.com/design/spec/components/snackbars-toasts.html?utm_campaign=io15&utm_source=dac&utm_medium=blog" style="border: 0px; box-sizing: border-box; color: #428bca; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">snackbar</a>. Снекбары отображаются в нижней части экрана и содержат текст и действие (кнопку). Они показываются в течении определенного времени, в зависимости от продолжительности подсветки экрана, затем скрываются автоматически. Кроме того, пользователи могут убрать его жестом до тайм-аута.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.fandroid.info/wp-content/uploads/2015/06/Snackbar-in-Android-300x136.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://www.fandroid.info/wp-content/uploads/2015/06/Snackbar-in-Android-300x136.png" /></a></div>
<div style="border: 0px; box-sizing: border-box; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
<br /></div>
<div style="border: 0px; box-sizing: border-box; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
Для включения возможности взаимодействия со <code style="background: rgb(238, 238, 238); border-radius: 4px; border: 0px; box-sizing: border-box; color: black; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 12.6px; font-stretch: normal; line-height: normal; margin: 0px; outline: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap !important;"><a href="http://developer.android.com/reference/android/support/design/widget/Snackbar.html?utm_campaign=io15&utm_source=dac&utm_medium=blog" style="border: 0px; box-sizing: border-box; color: #428bca; font-family: inherit; font-size: 12.6px; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">Snackbar</a></code> путем смахивания его жестом или выполнения указанного действия. Это значительно более мощный, чем тосты, и в то же время очень удобный механизм обратной связи. Его API достаточно прост:</div>
<pre class="pretty print prettyprint" style="background: rgb(245, 245, 245); border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 13px; line-height: 1.42857; margin-bottom: 20px; max-width: 100%; outline: 0px; overflow: auto; padding: 9.5px; vertical-align: baseline; white-space: pre-wrap; word-break: break-all; word-wrap: break-word;"><span class="typ" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Snackbar</span><span class="pln" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
</span><span class="pun" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">.</span><span class="pln" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">make</span><span class="pun" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">(</span><span class="pln" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">parentLayout</span><span class="pun" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">,</span><span class="pln" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"> R</span><span class="pun" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">.</span><span class="kwd" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">string</span><span class="pun" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">.</span><span class="pln" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">snackbar_text</span><span class="pun" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">,</span> <span class="typ" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Snackbar</span><span class="pun" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">.</span><span class="pln" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">LENGTH_LONG</span><span class="pun" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">)</span><span class="pln" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
</span><span class="pun" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">.</span><span class="pln" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">setAction</span><span class="pun" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">(</span><span class="pln" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">R</span><span class="pun" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">.</span><span class="kwd" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">string</span><span class="pun" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">.</span><span class="pln" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">snackbar_action</span><span class="pun" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">,</span><span class="pln" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"> myOnClickListener</span><span class="pun" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">)</span><span class="pln" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
</span><span class="pun" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">.</span><span class="pln" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">show</span><span class="pun" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">();</span> <span class="com" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">// Don’t forget to show!</span></pre>
<div style="border: 0px; box-sizing: border-box; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
Обратите внимание на первый параметр метода <code style="background: rgb(238, 238, 238); border-radius: 4px; border: 0px; box-sizing: border-box; color: black; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 12.6px; font-stretch: normal; line-height: normal; margin: 0px; outline: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap !important;">make() - </code>он определяет корневой View, по нижней границе которого будет отображаться всплывающее сообщение.</div>
<h3 style="border: 0px; box-sizing: border-box; clear: both; color: #595959; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 24px; font-weight: 500; line-height: 1.1; margin: 20px 0px 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
Tabs — вкладки</h3>
<div style="border: 0px; box-sizing: border-box; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
Переключение между различными режимами в вашем приложение через <a href="http://www.google.com/design/spec/components/tabs.html" style="border: 0px; box-sizing: border-box; color: #428bca; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">tabs</a> (вкладки) — это не новая концепция материального дизайна. Но вкладки одинаково эффективны и в качестве <a href="http://www.google.com/design/spec/patterns/app-structure.html?utm_campaign=io15&utm_source=dac&utm_medium=blog#app-structure-top-level-navigation-strategies" style="border: 0px; box-sizing: border-box; color: #428bca; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">top level navigation pattern</a>, и для организации различных групп информации в рамках одного приложения (скажем, разные жанры музыки).</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.fandroid.info/wp-content/uploads/2015/06/Tabs-vkladki-v-android.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://www.fandroid.info/wp-content/uploads/2015/06/Tabs-vkladki-v-android.png" /></a></div>
<div style="border: 0px; box-sizing: border-box; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
<br /></div>
<div style="border: 0px; box-sizing: border-box; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
<code style="background: rgb(238, 238, 238); border-radius: 4px; border: 0px; box-sizing: border-box; color: black; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 12.6px; font-stretch: normal; line-height: normal; margin: 0px; outline: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap !important;"><a href="http://developer.android.com/reference/android/support/design/widget/TabLayout.html?utm_campaign=io15&utm_source=dac&utm_medium=blog" style="border: 0px; box-sizing: border-box; color: #428bca; font-family: inherit; font-size: 12.6px; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">TabLayout</a></code> из Android Design Support Library реализует как фиксированные вкладки, где ширина и высота делится поровну между всеми вкладками, а также вкладки с возможностью прокрутки, где вкладки не одинакового размера и с горизонтальной прокруткой. Вкладки могут быть добавлены программно:</div>
<pre class="pretty print prettyprint" style="background: rgb(245, 245, 245); border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 13px; line-height: 1.42857; margin-bottom: 20px; max-width: 100%; outline: 0px; overflow: auto; padding: 9.5px; vertical-align: baseline; white-space: pre-wrap; word-break: break-all; word-wrap: break-word;"><span class="typ" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">TabLayout</span><span class="pln" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"> tabLayout </span><span class="pun" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">=</span> <span class="pun" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">...;</span><span class="pln" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
tabLayout</span><span class="pun" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">.</span><span class="pln" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">addTab</span><span class="pun" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">(</span><span class="pln" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">tabLayout</span><span class="pun" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">.</span><span class="pln" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">newTab</span><span class="pun" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">().</span><span class="pln" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">setText</span><span class="pun" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">(</span><span class="str" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">"Tab 1"</span><span class="pun" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">));</span></pre>
<div style="border: 0px; box-sizing: border-box; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
Однако, если вы используете <a href="http://developer.android.com/reference/android/support/v4/view/ViewPager.html?utm_campaign=io15&utm_source=dac&utm_medium=blog" style="border: 0px; box-sizing: border-box; color: #428bca; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" target="_blank"><code style="background: rgb(238, 238, 238); border-radius: 4px; border: 0px; box-sizing: border-box; color: black; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 12.6px; font-stretch: normal; line-height: normal; margin: 0px; outline: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap !important;">ViewPager</code></a> для горизонтального свайпа между вкладками, вы можете создать вкладки прямо в вашем <code style="background: rgb(238, 238, 238); border-radius: 4px; border: 0px; box-sizing: border-box; color: black; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 12.6px; font-stretch: normal; line-height: normal; margin: 0px; outline: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap !important;"><a href="http://developer.android.com/reference/android/support/v4/view/PagerAdapter.html?utm_campaign=io15&utm_source=dac&utm_medium=blog" style="border: 0px; box-sizing: border-box; color: #428bca; font-family: inherit; font-size: 12.6px; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">PagerAdapter</a> методом </code> <a href="http://developer.android.com/reference/android/support/v4/view/PagerAdapter.html?utm_campaign=io15&utm_source=dac&utm_medium=blog#getPageTitle(int)" style="border: 0px; box-sizing: border-box; color: #428bca; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" target="_blank"><code style="background: rgb(238, 238, 238); border-radius: 4px; border: 0px; box-sizing: border-box; color: black; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 12.6px; font-stretch: normal; line-height: normal; margin: 0px; outline: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap !important;">getPageTitle()</code></a> и затем соединить вместе, используя <code style="background: rgb(238, 238, 238); border-radius: 4px; border: 0px; box-sizing: border-box; color: black; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 12.6px; font-stretch: normal; line-height: normal; margin: 0px; outline: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap !important;">setupWithViewPager()</code>. Это гарантирует, что при выборе заголовка <code style="background: rgb(238, 238, 238); border-radius: 4px; border: 0px; box-sizing: border-box; color: black; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 12.6px; font-stretch: normal; line-height: normal; margin: 0px; outline: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap !important;">ViewPager</code> обновит содержимое выбранной вкладки.</div>
<h3 style="border: 0px; box-sizing: border-box; clear: both; color: #595959; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 24px; font-weight: 500; line-height: 1.1; margin: 20px 0px 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
CoordinatorLayout, жесты и прокрутка</h3>
<div style="border: 0px; box-sizing: border-box; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
Отличительные визуальные эффекты являются только одной частью материального дизайна. Другой важной частью интерфейса вашего приложения является движение. В то время как есть много элементов движения в Material Design, в том числе <a href="http://www.google.com/design/spec/animation/responsive-interaction.html?utm_campaign=io15&utm_source=dac&utm_medium=blog#responsive-interaction-surface-reaction" style="border: 0px; box-sizing: border-box; color: #428bca; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">touch ripples</a> и <a href="http://www.google.com/design/spec/animation/meaningful-transitions.html?utm_campaign=io15&utm_source=dac&utm_medium=blog" style="border: 0px; box-sizing: border-box; color: #428bca; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">meaningful transitions</a>, Android Design Support Library вводит новый компонент — <code style="background: rgb(238, 238, 238); border-radius: 4px; border: 0px; box-sizing: border-box; color: black; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 12.6px; font-stretch: normal; line-height: normal; margin: 0px; outline: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap !important;"><a href="http://developer.android.com/reference/android/support/design/widget/CoordinatorLayout.html?utm_campaign=io15&utm_source=dac&utm_medium=blog" style="border: 0px; box-sizing: border-box; color: #428bca; font-family: inherit; font-size: 12.6px; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">CoordinatorLayout</a>.</code> Это макет, который обеспечивает дополнительный уровень контроля над событиями прикосновения между дочерними View, доступными в новой библиотеке поддержки <span class="str" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><em style="border: 0px; box-sizing: border-box; font-family: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">com.android.support:design:22.2.0</em>.</span></div>
<h3 style="border: 0px; box-sizing: border-box; clear: both; color: #595959; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 24px; font-weight: 500; line-height: 1.1; margin: 20px 0px 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
CoordinatorLayout и floating action buttons</h3>
<div style="border: 0px; box-sizing: border-box; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
Прекрасным примером взаимодействия CoordinatorLayout и floating action buttons является добавление <code style="background: rgb(238, 238, 238); border-radius: 4px; border: 0px; box-sizing: border-box; color: black; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 12.6px; font-stretch: normal; line-height: normal; margin: 0px; outline: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap !important;">FloatingActionButton</code> дочерним элементом в <code style="background: rgb(238, 238, 238); border-radius: 4px; border: 0px; box-sizing: border-box; color: black; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 12.6px; font-stretch: normal; line-height: normal; margin: 0px; outline: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap !important;">CoordinatorLayout </code>и передача <code style="background: rgb(238, 238, 238); border-radius: 4px; border: 0px; box-sizing: border-box; color: black; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 12.6px; font-stretch: normal; line-height: normal; margin: 0px; outline: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap !important;">CoordinatorLayout</code> в метод <code style="background: rgb(238, 238, 238); border-radius: 4px; border: 0px; box-sizing: border-box; color: black; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 12.6px; font-stretch: normal; line-height: normal; margin: 0px; outline: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap !important;">Snackbar.make(). </code>В итоге <strong style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">snackbar</strong> отображается не поверх плавающей кнопки <code style="background: rgb(238, 238, 238); border-radius: 4px; border: 0px; box-sizing: border-box; color: black; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 12.6px; font-stretch: normal; line-height: normal; margin: 0px; outline: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap !important;">FloatingActionButton,</code>перекрывая ее, а использует дополнительные обратные вызовы <strong style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">(callbacks)</strong>, предоставляемые <code style="background: rgb(238, 238, 238); border-radius: 4px; border: 0px; box-sizing: border-box; color: black; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 12.6px; font-stretch: normal; line-height: normal; margin: 0px; outline: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap !important;">CoordinatorLayout,</code> чтобы автоматически сдвигать <strong style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">FAB</strong> вверх и возвращать к своей позиции. Анимация движения кнопки поддерживается на устройствах с Android 3.0 и выше — никакого дополнительного кода при этом не требуется.</div>
<div style="border: 0px; box-sizing: border-box; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
</div>
<div class="wp-video" style="border: 0px; box-sizing: border-box; height: auto; margin: 0px; max-width: 100%; outline: 0px; padding: 0px; vertical-align: baseline; width: 640px;">
<span class="mejs-offscreen" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; height: 1px; left: -10000px; margin: 0px; outline: 0px; overflow: hidden; padding: 0px; position: absolute !important; top: -10000px; vertical-align: baseline; width: 1px;">Video Player</span><div aria-label="Video Player" class="mejs-container svg wp-video-shortcode mejs-video" id="mep_0" role="application" style="background: rgb(34, 34, 34); border: 0px; box-sizing: border-box; clear: both; font-family: Helvetica, Arial; font-style: inherit; font-weight: inherit; height: 400px; margin: 0px; outline: 0px; padding: 0px; position: relative; vertical-align: top; width: 640px;" tabindex="0">
<div class="mejs-inner" style="border: 0px; box-sizing: border-box; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<div class="mejs-mediaelement" style="border: 0px; box-sizing: border-box; font-style: inherit; font-weight: inherit; height: 400px; left: 0px; margin: 0px; outline: 0px; padding: 0px; position: absolute; top: 0px; vertical-align: baseline; width: 640px;">
<video autoplay="1" class="wp-video-shortcode" height="400" id="video-2149-1" loop="1" preload="auto" src="http://www.fandroid.info/wp-content/uploads/2015/06/CoordinatorLayout-i-floating-action-buttons.mp4?_=1" style="box-sizing: border-box; display: inline-block; height: 400px; max-width: 100%; width: 640px;" width="640"></video></div>
<div class="mejs-layers" style="border: 0px; box-sizing: border-box; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
</div>
<div class="mejs-controls" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; bottom: 0px; box-sizing: border-box; font-style: inherit; font-weight: inherit; height: 30px; left: 0px; list-style-type: none; margin: 0px; outline: 0px; padding: 0px; position: absolute; vertical-align: baseline; visibility: hidden; width: 640px;">
<div class="mejs-button mejs-playpause-button mejs-pause" style="background-image: none; border: 0px; box-sizing: border-box; float: left; font-size: 11px; font-style: inherit; font-weight: inherit; height: 26px; line-height: 11px; list-style-type: none; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; width: 26px;">
<button aria-controls="mep_0" aria-label="Pause" style="background-attachment: initial; background-clip: initial; background-image: url(http://www.fandroid.info/wp-includes/js/mediaelement/controls.svg); background-origin: initial; background-position: 0px -16px; background-repeat: no-repeat; background-size: initial; border-radius: 3px; border: 0px; box-shadow: rgba(255, 255, 255, 0.498039) 0px 1px 0px inset, rgba(255, 255, 255, 0.498039) 0px 15px 17px inset, rgba(0, 0, 0, 0.0470588) 0px -5px 12px inset; color: rgba(0, 0, 0, 0.8); cursor: pointer; display: block; font-family: Helvetica, Arial; font-size: 0px; height: 16px; line-height: 0; margin: 7px 5px; padding: 0px; position: absolute; text-shadow: rgba(255, 255, 255, 0.8) 0px 1px 0px; vertical-align: baseline; width: 16px;" title="Pause" type="button"></button></div>
<div aria-live="off" class="mejs-time mejs-currenttime-container" role="timer" style="background-image: none; border: 0px; box-sizing: content-box; color: white; float: left; font-size: 11px; font-style: inherit; font-weight: inherit; height: 17px; line-height: 11px; list-style-type: none; margin: 0px; outline: 0px; overflow: hidden; padding: 10px 3px 0px; text-align: center; vertical-align: baseline; width: auto;">
<span class="mejs-currenttime" style="border: 0px; box-sizing: border-box; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"></span></div>
<div class="mejs-time-rail" style="background-image: none; border: 0px; box-sizing: border-box; direction: ltr; float: left; font-size: 11px; font-style: inherit; font-weight: inherit; height: 26px; line-height: 11px; list-style-type: none; margin: 0px; outline: 0px; padding: 5px 0px 0px; vertical-align: baseline; width: 496px;">
<span aria-label="Time Slider" aria-valuemax="12.2" aria-valuemin="0" aria-valuenow="5.982052" aria-valuetext="00:05" class="mejs-time-total mejs-time-slider" role="slider" style="background: rgba(255, 255, 255, 0.329412); border-radius: 0px; border: 0px; box-sizing: border-box; cursor: pointer; display: block; font-style: inherit; font-weight: inherit; height: 10px; margin: 5px; outline: 0px; padding: 0px; position: absolute; vertical-align: baseline; width: 486px;" tabindex="0"><span class="mejs-time-loaded" style="background: rgb(255, 255, 255); border-radius: 0px; border: 0px; box-sizing: border-box; cursor: pointer; display: block; font-style: inherit; font-weight: inherit; height: 10px; margin: 0px; outline: 0px; padding: 0px; position: absolute; vertical-align: baseline; width: 486px;"></span><span class="mejs-time-current" style="background: rgb(0, 115, 170); border-radius: 0px; border: 0px; box-sizing: border-box; cursor: pointer; display: block; font-style: inherit; font-weight: inherit; height: 10px; margin: 0px; outline: 0px; padding: 0px; position: absolute; vertical-align: baseline; width: 238px;"></span></span></div>
<div class="mejs-time mejs-duration-container" style="background-image: none; border: 0px; box-sizing: content-box; color: white; float: left; font-size: 11px; font-style: inherit; font-weight: inherit; height: 17px; line-height: 11px; list-style-type: none; margin: 0px; outline: 0px; overflow: hidden; padding: 10px 3px 0px; text-align: center; vertical-align: baseline; width: auto;">
<span class="mejs-duration" style="border: 0px; box-sizing: border-box; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"></span></div>
<div class="mejs-button mejs-volume-button mejs-mute" style="background-image: none; border: 0px; box-sizing: border-box; float: left; font-size: 11px; font-style: inherit; font-weight: inherit; height: 26px; line-height: 11px; list-style-type: none; margin: 0px; outline: 0px; padding: 0px; position: relative; vertical-align: baseline; width: 26px;">
<button aria-controls="mep_0" aria-label="Без звука" style="background-attachment: initial; background-clip: initial; background-image: url(http://www.fandroid.info/wp-includes/js/mediaelement/controls.svg); background-origin: initial; background-position: -16px -16px; background-repeat: no-repeat; background-size: initial; border-radius: 3px; border: 0px; box-shadow: rgba(255, 255, 255, 0.498039) 0px 1px 0px inset, rgba(255, 255, 255, 0.498039) 0px 15px 17px inset, rgba(0, 0, 0, 0.0470588) 0px -5px 12px inset; color: rgba(0, 0, 0, 0.8); cursor: pointer; display: block; font-family: Helvetica, Arial; font-size: 0px; height: 16px; line-height: 0; margin: 7px 5px; padding: 0px; position: absolute; text-shadow: rgba(255, 255, 255, 0.8) 0px 1px 0px; vertical-align: baseline; width: 16px;" title="Без звука" type="button"></button></div>
<div class="mejs-button mejs-fullscreen-button" style="background-image: none; border: 0px; box-sizing: border-box; float: left; font-size: 11px; font-style: inherit; font-weight: inherit; height: 26px; line-height: 11px; list-style-type: none; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; width: 26px;">
<button aria-controls="mep_0" aria-label="На весь экран" style="background-attachment: initial; background-clip: initial; background-image: url(http://www.fandroid.info/wp-includes/js/mediaelement/controls.svg); background-origin: initial; background-position: -32px 0px; background-repeat: no-repeat; background-size: initial; border-radius: 3px; border: 0px; box-shadow: rgba(255, 255, 255, 0.498039) 0px 1px 0px inset, rgba(255, 255, 255, 0.498039) 0px 15px 17px inset, rgba(0, 0, 0, 0.0470588) 0px -5px 12px inset; color: rgba(0, 0, 0, 0.8); cursor: pointer; display: block; font-family: Helvetica, Arial; font-size: 0px; height: 16px; line-height: 0; margin: 7px 5px; padding: 0px; position: absolute; text-shadow: rgba(255, 255, 255, 0.8) 0px 1px 0px; vertical-align: baseline; width: 16px;" title="На весь экран" type="button"></button></div>
</div>
<div class="mejs-clear" style="border: 0px; box-sizing: border-box; clear: both; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
</div>
</div>
</div>
</div>
<br style="box-sizing: border-box;" /><code style="background: rgb(238, 238, 238); border-radius: 4px; border: 0px; box-sizing: border-box; color: black; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 12.6px; font-stretch: normal; line-height: normal; margin: 0px; outline: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap !important;">CoordinatorLayout</code> также обеспечивает атрибут <code style="background: rgb(238, 238, 238); border-radius: 4px; border: 0px; box-sizing: border-box; color: black; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 12.6px; font-stretch: normal; line-height: normal; margin: 0px; outline: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap !important;">layout_anchor</code>, который, наряду с <code style="background: rgb(238, 238, 238); border-radius: 4px; border: 0px; box-sizing: border-box; color: black; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 12.6px; font-stretch: normal; line-height: normal; margin: 0px; outline: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap !important;">layout_anchorGravity</code>, позволяет разместить плавающие <strong style="border: 0px; box-sizing: border-box; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">View</strong>, такие как <code style="background: rgb(238, 238, 238); border-radius: 4px; border: 0px; box-sizing: border-box; color: black; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 12.6px; font-stretch: normal; line-height: normal; margin: 0px; outline: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap !important;">FloatingActionButton</code>, определенным образом относительно других<strong style="border: 0px; box-sizing: border-box; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">View</strong>.</div>
<div style="background-color: white; border: 0px; box-sizing: border-box; color: #333333; font-family: Lato, Times, serif; font-size: 14px; line-height: 20px; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
<h3 style="border: 0px; box-sizing: border-box; clear: both; color: #595959; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 24px; font-weight: 500; line-height: 1.1; margin: 20px 0px 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
CoordinatorLayout и Toolbar</h3>
<div style="border: 0px; box-sizing: border-box; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
Другой основной вариант использования для <code style="background: rgb(238, 238, 238); border-radius: 4px; border: 0px; box-sizing: border-box; color: black; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 12.6px; font-stretch: normal; line-height: normal; margin: 0px; outline: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap !important;">CoordinatorLayout</code> касается панели приложения (ранее <strong style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"> action bar</strong>) и <a href="http://www.google.com/design/spec/patterns/scrolling-techniques.html?utm_campaign=io15&utm_source=dac&utm_medium=blog" style="border: 0px; box-sizing: border-box; color: #428bca; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">методов скроллинга</a>. Возможно, вы уже используете в <code style="background: rgb(238, 238, 238); border-radius: 4px; border: 0px; box-sizing: border-box; color: black; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 12.6px; font-stretch: normal; line-height: normal; margin: 0px; outline: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap !important;"><a href="https://developer.android.com/reference/android/support/v7/widget/Toolbar.html?utm_campaign=io15&utm_source=dac&utm_medium=blog" style="border: 0px; box-sizing: border-box; color: #428bca; font-family: inherit; font-size: 12.6px; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">Toolbar</a></code> в ваших макетах. Android Design Support Library поднимает это на новый уровень: использование <code style="background: rgb(238, 238, 238); border-radius: 4px; border: 0px; box-sizing: border-box; color: black; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 12.6px; font-stretch: normal; line-height: normal; margin: 0px; outline: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap !important;"><a href="http://developer.android.com/reference/android/support/design/widget/AppBarLayout.html?utm_campaign=io15&utm_source=dac&utm_medium=blog" style="border: 0px; box-sizing: border-box; color: #428bca; font-family: inherit; font-size: 12.6px; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">AppBarLayout</a></code> позволяет компоненту <code style="background: rgb(238, 238, 238); border-radius: 4px; border: 0px; box-sizing: border-box; color: black; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 12.6px; font-stretch: normal; line-height: normal; margin: 0px; outline: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap !important;">Toolbar</code> и другим View (например, вкладкам, созданным через <code style="background: rgb(238, 238, 238); border-radius: 4px; border: 0px; box-sizing: border-box; color: black; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 12.6px; font-stretch: normal; line-height: normal; margin: 0px; outline: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap !important;">TabLayout</code>) реагировать на события прокрутки в родственном View, отмеченном как <code style="background: rgb(238, 238, 238); border-radius: 4px; border: 0px; box-sizing: border-box; color: black; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 12.6px; font-stretch: normal; line-height: normal; margin: 0px; outline: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap !important;">ScrollingViewBehavior</code>. Пример макета:</div>
<pre class="pretty print prettyprint" style="background: rgb(245, 245, 245); border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 13px; line-height: 1.42857; margin-bottom: 20px; max-width: 100%; outline: 0px; overflow: auto; padding: 9.5px; vertical-align: baseline; white-space: pre-wrap; word-break: break-all; word-wrap: break-word;"><span class="tag" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><android.support.design.widget.CoordinatorLayout</span><span class="pln" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
</span><span class="atn" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">xmlns:android</span><span class="pun" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">=</span><span class="atv" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">"http://schemas.android.com/apk/res/android"</span><span class="pln" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
</span><span class="atn" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">xmlns:app</span><span class="pun" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">=</span><span class="atv" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">"http://schemas.android.com/apk/res-auto"</span><span class="pln" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
</span><span class="atn" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">android:layout_width</span><span class="pun" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">=</span><span class="atv" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">"match_parent"</span><span class="pln" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
</span><span class="atn" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">android:layout_height</span><span class="pun" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">=</span><span class="atv" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">"match_parent"</span><span class="tag" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">></span><span class="pln" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<! -- Your Scrollable View -->
</span><span class="tag" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><android.support.v7.widget.RecyclerView</span><span class="pln" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
</span><span class="atn" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">android:layout_width</span><span class="pun" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">=</span><span class="atv" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">"match_parent"</span><span class="pln" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
</span><span class="atn" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">android:layout_height</span><span class="pun" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">=</span><span class="atv" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">"match_parent"</span><span class="pln" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
</span><span class="atn" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">app:layout_behavior</span><span class="pun" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">=</span><span class="atv" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">"@string/appbar_scrolling_view_behavior"</span> <span class="tag" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">/></span><span class="pln" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
</span><span class="tag" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><android.support.design.widget.AppBarLayout</span><span class="pln" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
</span><span class="atn" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">android:layout_width</span><span class="pun" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">=</span><span class="atv" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">"match_parent"</span><span class="pln" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
</span><span class="atn" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">android:layout_height</span><span class="pun" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">=</span><span class="atv" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">"wrap_content"</span><span class="tag" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">></span><span class="pln" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
</span><span class="tag" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><android.support.v7.widget.Toolbar</span><span class="pln" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
...
</span><span class="atn" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">app:layout_scrollFlags</span><span class="pun" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">=</span><span class="atv" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">"scroll|enterAlways"</span><span class="tag" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">></span><span class="pln" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
</span><span class="tag" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><android.support.design.widget.TabLayout</span><span class="pln" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
...
</span><span class="atn" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">app:layout_scrollFlags</span><span class="pun" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">=</span><span class="atv" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">"scroll|enterAlways"</span><span class="tag" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">></span><span class="pln" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
</span><span class="tag" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"></android.support.design.widget.AppBarLayout></span>
<span class="tag" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"></android.support.design.widget.CoordinatorLayout></span></pre>
<div style="border: 0px; box-sizing: border-box; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
Например, когда пользователь прокручивает <code style="background: rgb(238, 238, 238); border-radius: 4px; border: 0px; box-sizing: border-box; color: black; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 12.6px; font-stretch: normal; line-height: normal; margin: 0px; outline: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap !important;">RecyclerView</code>, компонент <code style="background: rgb(238, 238, 238); border-radius: 4px; border: 0px; box-sizing: border-box; color: black; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 12.6px; font-stretch: normal; line-height: normal; margin: 0px; outline: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap !important;">AppBarLayout </code>может реагировать на эти события с помощью используемого в дочерних View атрибута <code style="background: rgb(238, 238, 238); border-radius: 4px; border: 0px; box-sizing: border-box; color: black; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 12.6px; font-stretch: normal; line-height: normal; margin: 0px; outline: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap !important;">app:layout_scrollFlags </code> для управления процессами появления и скрытия дочернего View в пределах экрана. Используются значения:</div>
<ul style="border: 0px; box-sizing: border-box; margin: 0px 0px 10px 3em; outline: 0px; padding: 0px; vertical-align: baseline;">
<li style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><code style="background: rgb(238, 238, 238); border-radius: 4px; border: 0px; box-sizing: border-box; color: black; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 12.6px; font-stretch: normal; line-height: normal; margin: 0px; outline: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap !important;">scroll</code>: — этот флаг обеспечивает скроллинг View при прокрутке за пределы экрана</li>
<li style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><code style="background: rgb(238, 238, 238); border-radius: 4px; border: 0px; box-sizing: border-box; color: black; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 12.6px; font-stretch: normal; line-height: normal; margin: 0px; outline: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap !important;">enterAlways</code>: этот флаг гарантирует, что любой прокручиваемый вниз компонент вызовет этот View, делая его видимым, реализуя паттерн «quick return»</li>
<li style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><code style="background: rgb(238, 238, 238); border-radius: 4px; border: 0px; box-sizing: border-box; color: black; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 12.6px; font-stretch: normal; line-height: normal; margin: 0px; outline: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap !important;">enterAlwaysCollapsed</code>: если View имеет свойство <strong style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">minHeight</strong> и вы используете этот флаг, ваш View будет перемещаться при прокрутке на минимальную высоту, после чего исчезать, и расширяться на всю его высоту когда прокрутка View достигнет вершины</li>
<li style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><code style="background: rgb(238, 238, 238); border-radius: 4px; border: 0px; box-sizing: border-box; color: black; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 12.6px; font-stretch: normal; line-height: normal; margin: 0px; outline: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap !important;">exitUntilCollapsed</code>: этот флаг вызывает прокрутку View перед выходом, до полного исчезновения</li>
</ul>
<div style="border: 0px; box-sizing: border-box; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
Примечание: все View, использующие флаг <code style="background: rgb(238, 238, 238); border-radius: 4px; border: 0px; box-sizing: border-box; color: black; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 12.6px; font-stretch: normal; line-height: normal; margin: 0px; outline: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap !important;">scroll</code> должен быть объявлены перед View, не использующими этот флаг. Это гарантирует, что все View, уходящие вверх, оставят неподвижными элементы, находящиеся за ними.</div>
<h3 style="border: 0px; box-sizing: border-box; clear: both; color: #595959; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 24px; font-weight: 500; line-height: 1.1; margin: 20px 0px 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
Collapsing Toolbars — эффект исчезновения тулбара</h3>
<div style="border: 0px; box-sizing: border-box; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
Вставка элемента <code style="background: rgb(238, 238, 238); border-radius: 4px; border: 0px; box-sizing: border-box; color: black; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 12.6px; font-stretch: normal; line-height: normal; margin: 0px; outline: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap !important;">Toolbar</code> непосредственно в <code style="background: rgb(238, 238, 238); border-radius: 4px; border: 0px; box-sizing: border-box; color: black; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 12.6px; font-stretch: normal; line-height: normal; margin: 0px; outline: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap !important;">AppBarLayout</code> дает вам доступ к свойствам <code style="background: rgb(238, 238, 238); border-radius: 4px; border: 0px; box-sizing: border-box; color: black; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 12.6px; font-stretch: normal; line-height: normal; margin: 0px; outline: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap !important;">enterAlwaysCollapsed</code> и <code style="background: rgb(238, 238, 238); border-radius: 4px; border: 0px; box-sizing: border-box; color: black; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 12.6px; font-stretch: normal; line-height: normal; margin: 0px; outline: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap !important;">exitUntilCollapsed </code>атрибута <strong style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">scroll</strong>, но не детальный контроль над тем, как различные элементы реагируют на сворачивание и исчезновение. Для этого вы можете использовать <code style="background: rgb(238, 238, 238); border-radius: 4px; border: 0px; box-sizing: border-box; color: black; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 12.6px; font-stretch: normal; line-height: normal; margin: 0px; outline: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap !important;"><a href="http://developer.android.com/reference/android/support/design/widget/CollapsingToolbarLayout.html?utm_campaign=io15&utm_source=dac&utm_medium=blog" style="border: 0px; box-sizing: border-box; color: #428bca; font-family: inherit; font-size: 12.6px; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">CollapsingToolbarLayout</a></code>:</div>
<pre class="pretty print prettyprint" style="background: rgb(245, 245, 245); border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 13px; line-height: 1.42857; margin-bottom: 20px; max-width: 100%; outline: 0px; overflow: auto; padding: 9.5px; vertical-align: baseline; white-space: pre-wrap; word-break: break-all; word-wrap: break-word;"><span class="tag" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><android.support.design.widget.AppBarLayout</span><span class="pln" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
</span><span class="atn" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">android:layout_height</span><span class="pun" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">=</span><span class="atv" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">"192dp"</span><span class="pln" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
</span><span class="atn" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">android:layout_width</span><span class="pun" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">=</span><span class="atv" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">"match_parent"</span><span class="tag" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">></span><span class="pln" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
</span><span class="tag" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><android.support.design.widget.CollapsingToolbarLayout</span><span class="pln" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
</span><span class="atn" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">android:layout_width</span><span class="pun" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">=</span><span class="atv" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">"match_parent"</span><span class="pln" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
</span><span class="atn" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">android:layout_height</span><span class="pun" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">=</span><span class="atv" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">"match_parent"</span><span class="pln" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
</span><span class="atn" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">app:layout_scrollFlags</span><span class="pun" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">=</span><span class="atv" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">"scroll|exitUntilCollapsed"</span><span class="tag" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">></span><span class="pln" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
</span><span class="tag" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><android.support.v7.widget.Toolbar</span><span class="pln" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
</span><span class="atn" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">android:layout_height</span><span class="pun" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">=</span><span class="atv" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">"?attr/actionBarSize"</span><span class="pln" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
</span><span class="atn" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">android:layout_width</span><span class="pun" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">=</span><span class="atv" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">"match_parent"</span><span class="pln" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
</span><span class="atn" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">app:layout_collapseMode</span><span class="pun" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">=</span><span class="atv" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">"pin"</span><span class="tag" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">/></span><span class="pln" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
</span><span class="tag" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"></android.support.design.widget.CollapsingToolbarLayout></span>
<span class="tag" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"></android.support.design.widget.AppBarLayout></span></pre>
<div style="border: 0px; box-sizing: border-box; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
Эта установка использует атрибут <code style="background: rgb(238, 238, 238); border-radius: 4px; border: 0px; box-sizing: border-box; color: black; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 12.6px; font-stretch: normal; line-height: normal; margin: 0px; outline: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap !important;">app:layout_collapseMode="pin"</code> компонента <code style="background: rgb(238, 238, 238); border-radius: 4px; border: 0px; box-sizing: border-box; color: black; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 12.6px; font-stretch: normal; line-height: normal; margin: 0px; outline: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap !important;">CollapsingToolbarLayout</code> чтобы гарантировать, что сама панель остается прижата к верхней части экрана, в то время как View исчезает . Даже лучше, когда вы используете <code style="background: rgb(238, 238, 238); border-radius: 4px; border: 0px; box-sizing: border-box; color: black; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 12.6px; font-stretch: normal; line-height: normal; margin: 0px; outline: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap !important;">CollapsingToolbarLayout</code> и <code style="background: rgb(238, 238, 238); border-radius: 4px; border: 0px; box-sizing: border-box; color: black; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 12.6px; font-stretch: normal; line-height: normal; margin: 0px; outline: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap !important;">Toolbar</code> вместе, заголовок будет автоматически казаться больше, когда макет будет полностью видимым, затем переход до размера по умолчанию, когда он свернут. Обратите внимание, что в тех случаях, вы должны вызвать метод <code style="background: rgb(238, 238, 238); border-radius: 4px; border: 0px; box-sizing: border-box; color: black; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 12.6px; font-stretch: normal; line-height: normal; margin: 0px; outline: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap !important;">setTitle()</code> в <code style="background: rgb(238, 238, 238); border-radius: 4px; border: 0px; box-sizing: border-box; color: black; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 12.6px; font-stretch: normal; line-height: normal; margin: 0px; outline: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap !important;">CollapsingToolbarLayout</code>, а не в самой панели инструментов.</div>
<div class="wp-video" style="border: 0px; box-sizing: border-box; height: auto; margin: 0px; max-width: 100%; outline: 0px; padding: 0px; vertical-align: baseline; width: 640px;">
<span class="mejs-offscreen" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; height: 1px; left: -10000px; margin: 0px; outline: 0px; overflow: hidden; padding: 0px; position: absolute !important; top: -10000px; vertical-align: baseline; width: 1px;">Video Player</span><div aria-label="Video Player" class="mejs-container svg wp-video-shortcode mejs-video" id="mep_1" role="application" style="background: rgb(34, 34, 34); border: 0px; box-sizing: border-box; clear: both; font-family: Helvetica, Arial; font-style: inherit; font-weight: inherit; height: 1137px; margin: 0px; outline: 0px; padding: 0px; position: relative; vertical-align: top; width: 640px;" tabindex="0">
<div class="mejs-inner" style="border: 0px; box-sizing: border-box; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<div class="mejs-mediaelement" style="border: 0px; box-sizing: border-box; font-style: inherit; font-weight: inherit; height: 1137px; left: 0px; margin: 0px; outline: 0px; padding: 0px; position: absolute; top: 0px; vertical-align: baseline; width: 640px;">
<video class="wp-video-shortcode" height="1137" id="video-2149-2" preload="metadata" src="http://material-design.storage.googleapis.com/publish/material_v_3/material_ext_publish/0B0NGgBg38lWWcFhaV1hiSlB4aFU/patterns-scrollingtech-scrolling-070801_Flexible_Space_xhdpi_003.webm?_=2" style="box-sizing: border-box; display: inline-block; height: 1137px; max-width: 100%; width: 640px;" width="640"></video></div>
<div class="mejs-layers" style="border: 0px; box-sizing: border-box; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<div class="mejs-overlay mejs-layer mejs-overlay-play" style="border: 0px; box-sizing: border-box; cursor: pointer; font-style: inherit; font-weight: inherit; height: 1107px; left: 0px; margin: 0px; outline: 0px; padding: 0px; position: absolute; top: 0px; vertical-align: baseline; width: 640px;">
<div class="mejs-overlay-button" style="background: url(http://www.fandroid.info/wp-includes/js/mediaelement/bigplay.svg) no-repeat; border: 0px; box-sizing: border-box; font-style: inherit; font-weight: inherit; height: 100px; left: 320px; margin: -35px 0px 0px -50px; outline: 0px; padding: 0px; position: absolute; top: 553.5px; vertical-align: baseline; width: 100px;">
</div>
</div>
</div>
<div class="mejs-controls" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; bottom: 0px; box-sizing: border-box; font-style: inherit; font-weight: inherit; height: 30px; left: 0px; list-style-type: none; margin: 0px; outline: 0px; padding: 0px; position: absolute; vertical-align: baseline; visibility: hidden; width: 640px;">
<div class="mejs-button mejs-playpause-button mejs-play" style="background-image: none; border: 0px; box-sizing: border-box; float: left; font-size: 11px; font-style: inherit; font-weight: inherit; height: 26px; line-height: 11px; list-style-type: none; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; width: 26px;">
<button aria-controls="mep_1" aria-label="Play" style="background-attachment: initial; background-clip: initial; background-image: url(http://www.fandroid.info/wp-includes/js/mediaelement/controls.svg); background-origin: initial; background-position: 0px 0px; background-repeat: no-repeat; background-size: initial; border-radius: 3px; border: 0px; box-shadow: rgba(255, 255, 255, 0.498039) 0px 1px 0px inset, rgba(255, 255, 255, 0.498039) 0px 15px 17px inset, rgba(0, 0, 0, 0.0470588) 0px -5px 12px inset; color: rgba(0, 0, 0, 0.8); cursor: pointer; display: block; font-family: Helvetica, Arial; font-size: 0px; height: 16px; line-height: 0; margin: 7px 5px; padding: 0px; position: absolute; text-shadow: rgba(255, 255, 255, 0.8) 0px 1px 0px; vertical-align: baseline; width: 16px;" title="Play" type="button"></button></div>
<div aria-live="off" class="mejs-time mejs-currenttime-container" role="timer" style="background-image: none; border: 0px; box-sizing: content-box; color: white; float: left; font-size: 11px; font-style: inherit; font-weight: inherit; height: 17px; line-height: 11px; list-style-type: none; margin: 0px; outline: 0px; overflow: hidden; padding: 10px 3px 0px; text-align: center; vertical-align: baseline; width: auto;">
<span class="mejs-currenttime" style="border: 0px; box-sizing: border-box; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"></span></div>
<div class="mejs-time-rail" style="background-image: none; border: 0px; box-sizing: border-box; direction: ltr; float: left; font-size: 11px; font-style: inherit; font-weight: inherit; height: 26px; line-height: 11px; list-style-type: none; margin: 0px; outline: 0px; padding: 5px 0px 0px; vertical-align: baseline; width: 496px;">
<span class="mejs-time-total mejs-time-slider" style="background: rgba(255, 255, 255, 0.329412); border-radius: 0px; border: 0px; box-sizing: border-box; cursor: pointer; display: block; font-style: inherit; font-weight: inherit; height: 10px; margin: 5px; outline: 0px; padding: 0px; position: absolute; vertical-align: baseline; width: 486px;"><span class="mejs-time-loaded" style="background: rgb(255, 255, 255); border-radius: 0px; border: 0px; box-sizing: border-box; cursor: pointer; display: block; font-style: inherit; font-weight: inherit; height: 10px; margin: 0px; outline: 0px; padding: 0px; position: absolute; vertical-align: baseline; width: 69.0273px;"></span><span class="mejs-time-current" style="background: rgb(0, 115, 170); border-radius: 0px; border: 0px; box-sizing: border-box; cursor: pointer; display: block; font-style: inherit; font-weight: inherit; height: 10px; margin: 0px; outline: 0px; padding: 0px; position: absolute; vertical-align: baseline; width: 0px;"></span></span></div>
<div class="mejs-time mejs-duration-container" style="background-image: none; border: 0px; box-sizing: content-box; color: white; float: left; font-size: 11px; font-style: inherit; font-weight: inherit; height: 17px; line-height: 11px; list-style-type: none; margin: 0px; outline: 0px; overflow: hidden; padding: 10px 3px 0px; text-align: center; vertical-align: baseline; width: auto;">
<span class="mejs-duration" style="border: 0px; box-sizing: border-box; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"></span></div>
<div class="mejs-button mejs-volume-button mejs-mute" style="background-image: none; border: 0px; box-sizing: border-box; float: left; font-size: 11px; font-style: inherit; font-weight: inherit; height: 26px; line-height: 11px; list-style-type: none; margin: 0px; outline: 0px; padding: 0px; position: relative; vertical-align: baseline; width: 26px;">
<button aria-controls="mep_1" aria-label="Без звука" style="background-attachment: initial; background-clip: initial; background-image: url(http://www.fandroid.info/wp-includes/js/mediaelement/controls.svg); background-origin: initial; background-position: -16px -16px; background-repeat: no-repeat; background-size: initial; border-radius: 3px; border: 0px; box-shadow: rgba(255, 255, 255, 0.498039) 0px 1px 0px inset, rgba(255, 255, 255, 0.498039) 0px 15px 17px inset, rgba(0, 0, 0, 0.0470588) 0px -5px 12px inset; color: rgba(0, 0, 0, 0.8); cursor: pointer; display: block; font-family: Helvetica, Arial; font-size: 0px; height: 16px; line-height: 0; margin: 7px 5px; padding: 0px; position: absolute; text-shadow: rgba(255, 255, 255, 0.8) 0px 1px 0px; vertical-align: baseline; width: 16px;" title="Без звука" type="button"></button></div>
<div class="mejs-button mejs-fullscreen-button" style="background-image: none; border: 0px; box-sizing: border-box; float: left; font-size: 11px; font-style: inherit; font-weight: inherit; height: 26px; line-height: 11px; list-style-type: none; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; width: 26px;">
<button aria-controls="mep_1" aria-label="На весь экран" style="background-attachment: initial; background-clip: initial; background-image: url(http://www.fandroid.info/wp-includes/js/mediaelement/controls.svg); background-origin: initial; background-position: -32px 0px; background-repeat: no-repeat; background-size: initial; border-radius: 3px; border: 0px; box-shadow: rgba(255, 255, 255, 0.498039) 0px 1px 0px inset, rgba(255, 255, 255, 0.498039) 0px 15px 17px inset, rgba(0, 0, 0, 0.0470588) 0px -5px 12px inset; color: rgba(0, 0, 0, 0.8); cursor: pointer; display: block; font-family: Helvetica, Arial; font-size: 0px; height: 16px; line-height: 0; margin: 7px 5px; padding: 0px; position: absolute; text-shadow: rgba(255, 255, 255, 0.8) 0px 1px 0px; vertical-align: baseline; width: 16px;" title="На весь экран" type="button"></button></div>
</div>
<div class="mejs-clear" style="border: 0px; box-sizing: border-box; clear: both; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
</div>
</div>
</div>
</div>
<div style="border: 0px; box-sizing: border-box; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
Помимо закрепления View, вы можете использовать <code style="background: rgb(238, 238, 238); border-radius: 4px; border: 0px; box-sizing: border-box; color: black; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 12.6px; font-stretch: normal; line-height: normal; margin: 0px; outline: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap !important;">app:layout_collapseMode="parallax"</code> (и опционально <code style="background: rgb(238, 238, 238); border-radius: 4px; border: 0px; box-sizing: border-box; color: black; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 12.6px; font-stretch: normal; line-height: normal; margin: 0px; outline: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap !important;">app:layout_collapseParallaxMultiplier="0.7" </code>чтобы установить параллакс множитель) для реализации параллакс-скроллинга (например, родственных элементов для imageview в пределах <code style="background: rgb(238, 238, 238); border-radius: 4px; border: 0px; box-sizing: border-box; color: black; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 12.6px; font-stretch: normal; line-height: normal; margin: 0px; outline: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap !important;">CollapsingToolbarLayout</code>). В этом случае хорошо в обоих использовать атрибуты <code style="background: rgb(238, 238, 238); border-radius: 4px; border: 0px; box-sizing: border-box; color: black; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 12.6px; font-stretch: normal; line-height: normal; margin: 0px; outline: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap !important;">app:contentScrim="?attr/colorPrimary"</code> для <code style="background: rgb(238, 238, 238); border-radius: 4px; border: 0px; box-sizing: border-box; color: black; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 12.6px; font-stretch: normal; line-height: normal; margin: 0px; outline: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap !important;">CollapsingToolbarLayout</code>, реализующие полную обрезку холста, когда View исчезает.</div>
<div class="wp-video" style="border: 0px; box-sizing: border-box; height: auto; margin: 0px; max-width: 100%; outline: 0px; padding: 0px; vertical-align: baseline; width: 640px;">
<span class="mejs-offscreen" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; height: 1px; left: -10000px; margin: 0px; outline: 0px; overflow: hidden; padding: 0px; position: absolute !important; top: -10000px; vertical-align: baseline; width: 1px;">Video Player</span><div aria-label="Video Player" class="mejs-container svg wp-video-shortcode mejs-video" id="mep_2" role="application" style="background: rgb(34, 34, 34); border: 0px; box-sizing: border-box; clear: both; font-family: Helvetica, Arial; font-style: inherit; font-weight: inherit; height: 1137px; margin: 0px; outline: 0px; padding: 0px; position: relative; vertical-align: top; width: 640px;" tabindex="0">
<div class="mejs-inner" style="border: 0px; box-sizing: border-box; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<div class="mejs-mediaelement" style="border: 0px; box-sizing: border-box; font-style: inherit; font-weight: inherit; height: 1137px; left: 0px; margin: 0px; outline: 0px; padding: 0px; position: absolute; top: 0px; vertical-align: baseline; width: 640px;">
<video class="wp-video-shortcode" height="1137" id="video-2149-3" preload="metadata" src="http://material-design.storage.googleapis.com/publish/material_v_4/material_ext_publish/0B6Okdz75tqQscXNQY3dNdVlYeTQ/patterns-scrolling-techniques_flex_space_image_xhdpi_003.webm?_=3" style="box-sizing: border-box; display: inline-block; height: 1137px; max-width: 100%; width: 640px;" width="640"></video></div>
<div class="mejs-layers" style="border: 0px; box-sizing: border-box; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<div class="mejs-overlay mejs-layer mejs-overlay-play" style="border: 0px; box-sizing: border-box; cursor: pointer; font-style: inherit; font-weight: inherit; height: 1107px; left: 0px; margin: 0px; outline: 0px; padding: 0px; position: absolute; top: 0px; vertical-align: baseline; width: 640px;">
<div class="mejs-overlay-button" style="background: url(http://www.fandroid.info/wp-includes/js/mediaelement/bigplay.svg) no-repeat; border: 0px; box-sizing: border-box; font-style: inherit; font-weight: inherit; height: 100px; left: 320px; margin: -35px 0px 0px -50px; outline: 0px; padding: 0px; position: absolute; top: 553.5px; vertical-align: baseline; width: 100px;">
</div>
</div>
</div>
<div class="mejs-controls" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; bottom: 0px; box-sizing: border-box; font-style: inherit; font-weight: inherit; height: 30px; left: 0px; list-style-type: none; margin: 0px; outline: 0px; padding: 0px; position: absolute; vertical-align: baseline; visibility: hidden; width: 640px;">
<div class="mejs-button mejs-playpause-button mejs-play" style="background-image: none; border: 0px; box-sizing: border-box; float: left; font-size: 11px; font-style: inherit; font-weight: inherit; height: 26px; line-height: 11px; list-style-type: none; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; width: 26px;">
<button aria-controls="mep_2" aria-label="Play" style="background-attachment: initial; background-clip: initial; background-image: url(http://www.fandroid.info/wp-includes/js/mediaelement/controls.svg); background-origin: initial; background-position: 0px 0px; background-repeat: no-repeat; background-size: initial; border-radius: 3px; border: 0px; box-shadow: rgba(255, 255, 255, 0.498039) 0px 1px 0px inset, rgba(255, 255, 255, 0.498039) 0px 15px 17px inset, rgba(0, 0, 0, 0.0470588) 0px -5px 12px inset; color: rgba(0, 0, 0, 0.8); cursor: pointer; display: block; font-family: Helvetica, Arial; font-size: 0px; height: 16px; line-height: 0; margin: 7px 5px; padding: 0px; position: absolute; text-shadow: rgba(255, 255, 255, 0.8) 0px 1px 0px; vertical-align: baseline; width: 16px;" title="Play" type="button"></button></div>
<div aria-live="off" class="mejs-time mejs-currenttime-container" role="timer" style="background-image: none; border: 0px; box-sizing: content-box; color: white; float: left; font-size: 11px; font-style: inherit; font-weight: inherit; height: 17px; line-height: 11px; list-style-type: none; margin: 0px; outline: 0px; overflow: hidden; padding: 10px 3px 0px; text-align: center; vertical-align: baseline; width: auto;">
<span class="mejs-currenttime" style="border: 0px; box-sizing: border-box; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"></span></div>
<div class="mejs-time-rail" style="background-image: none; border: 0px; box-sizing: border-box; direction: ltr; float: left; font-size: 11px; font-style: inherit; font-weight: inherit; height: 26px; line-height: 11px; list-style-type: none; margin: 0px; outline: 0px; padding: 5px 0px 0px; vertical-align: baseline; width: 496px;">
<span class="mejs-time-total mejs-time-slider" style="background: rgba(255, 255, 255, 0.329412); border-radius: 0px; border: 0px; box-sizing: border-box; cursor: pointer; display: block; font-style: inherit; font-weight: inherit; height: 10px; margin: 5px; outline: 0px; padding: 0px; position: absolute; vertical-align: baseline; width: 486px;"><span class="mejs-time-loaded" style="background: rgb(255, 255, 255); border-radius: 0px; border: 0px; box-sizing: border-box; cursor: pointer; display: block; font-style: inherit; font-weight: inherit; height: 10px; margin: 0px; outline: 0px; padding: 0px; position: absolute; vertical-align: baseline; width: 26.9363px;"></span><span class="mejs-time-current" style="background: rgb(0, 115, 170); border-radius: 0px; border: 0px; box-sizing: border-box; cursor: pointer; display: block; font-style: inherit; font-weight: inherit; height: 10px; margin: 0px; outline: 0px; padding: 0px; position: absolute; vertical-align: baseline; width: 0px;"></span></span></div>
<div class="mejs-time mejs-duration-container" style="background-image: none; border: 0px; box-sizing: content-box; color: white; float: left; font-size: 11px; font-style: inherit; font-weight: inherit; height: 17px; line-height: 11px; list-style-type: none; margin: 0px; outline: 0px; overflow: hidden; padding: 10px 3px 0px; text-align: center; vertical-align: baseline; width: auto;">
<span class="mejs-duration" style="border: 0px; box-sizing: border-box; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"></span></div>
<div class="mejs-button mejs-volume-button mejs-mute" style="background-image: none; border: 0px; box-sizing: border-box; float: left; font-size: 11px; font-style: inherit; font-weight: inherit; height: 26px; line-height: 11px; list-style-type: none; margin: 0px; outline: 0px; padding: 0px; position: relative; vertical-align: baseline; width: 26px;">
<button aria-controls="mep_2" aria-label="Без звука" style="background-attachment: initial; background-clip: initial; background-image: url(http://www.fandroid.info/wp-includes/js/mediaelement/controls.svg); background-origin: initial; background-position: -16px -16px; background-repeat: no-repeat; background-size: initial; border-radius: 3px; border: 0px; box-shadow: rgba(255, 255, 255, 0.498039) 0px 1px 0px inset, rgba(255, 255, 255, 0.498039) 0px 15px 17px inset, rgba(0, 0, 0, 0.0470588) 0px -5px 12px inset; color: rgba(0, 0, 0, 0.8); cursor: pointer; display: block; font-family: Helvetica, Arial; font-size: 0px; height: 16px; line-height: 0; margin: 7px 5px; padding: 0px; position: absolute; text-shadow: rgba(255, 255, 255, 0.8) 0px 1px 0px; vertical-align: baseline; width: 16px;" title="Без звука" type="button"></button></div>
<div class="mejs-button mejs-fullscreen-button" style="background-image: none; border: 0px; box-sizing: border-box; float: left; font-size: 11px; font-style: inherit; font-weight: inherit; height: 26px; line-height: 11px; list-style-type: none; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; width: 26px;">
<button aria-controls="mep_2" aria-label="На весь экран" style="background-attachment: initial; background-clip: initial; background-image: url(http://www.fandroid.info/wp-includes/js/mediaelement/controls.svg); background-origin: initial; background-position: -32px 0px; background-repeat: no-repeat; background-size: initial; border-radius: 3px; border: 0px; box-shadow: rgba(255, 255, 255, 0.498039) 0px 1px 0px inset, rgba(255, 255, 255, 0.498039) 0px 15px 17px inset, rgba(0, 0, 0, 0.0470588) 0px -5px 12px inset; color: rgba(0, 0, 0, 0.8); cursor: pointer; display: block; font-family: Helvetica, Arial; font-size: 0px; height: 16px; line-height: 0; margin: 7px 5px; padding: 0px; position: absolute; text-shadow: rgba(255, 255, 255, 0.8) 0px 1px 0px; vertical-align: baseline; width: 16px;" title="На весь экран" type="button"></button></div>
</div>
<div class="mejs-clear" style="border: 0px; box-sizing: border-box; clear: both; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
</div>
</div>
</div>
</div>
<h3 style="border: 0px; box-sizing: border-box; clear: both; color: #595959; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 24px; font-weight: 500; line-height: 1.1; margin: 20px 0px 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
CoordinatorLayout и custom views</h3>
<div style="border: 0px; box-sizing: border-box; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
Одна вещь, которую важно отметить, что CoordinatorLayout не имеет встроенных средств для работы FloatingActionButton или AppBarLayout — он просто обеспечивает дополнительный API в виде<code style="background: rgb(238, 238, 238); border-radius: 4px; border: 0px; box-sizing: border-box; color: black; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 12.6px; font-stretch: normal; line-height: normal; margin: 0px; outline: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap !important;"> <a href="http://developer.android.com/reference/android/support/design/widget/CoordinatorLayout.Behavior.html?utm_campaign=io15&utm_source=dac&utm_medium=blog" style="border: 0px; box-sizing: border-box; color: #428bca; font-family: inherit; font-size: 12.6px; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">Coordinator.Behavior</a></code>, которая позволяет дочерним View лучше контролировать события касания и жесты, а также определять зависимости между собой и получать обратные вызовы через <code style="background: rgb(238, 238, 238); border-radius: 4px; border: 0px; box-sizing: border-box; color: black; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 12.6px; font-stretch: normal; line-height: normal; margin: 0px; outline: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap !important;"><a href="http://developer.android.com/reference/android/support/design/widget/CoordinatorLayout.Behavior.html?utm_campaign=io15&utm_source=dac&utm_medium=blog#onDependentViewChanged(android.support.design.widget.CoordinatorLayout,%20V,%20android.view.View)" style="border: 0px; box-sizing: border-box; color: #428bca; font-family: inherit; font-size: 12.6px; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">onDependentViewChanged()</a></code>.</div>
<div style="border: 0px; box-sizing: border-box; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
Можно определить поведение View при помощи следующего java-кода:<code style="background: rgb(238, 238, 238); border-radius: 4px; border: 0px; box-sizing: border-box; color: black; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 12.6px; font-stretch: normal; line-height: normal; margin: 0px; outline: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap !important;"> CoordinatorLayout.DefaultBehavior(YourView.Behavior.class),</code>или установить его в файле вашего макета<span style="border: 0px; box-sizing: border-box; font-family: monospace; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"> </span>при помощи атрибута <code style="background: rgb(238, 238, 238); border-radius: 4px; border: 0px; box-sizing: border-box; color: black; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 12.6px; font-stretch: normal; line-height: normal; margin: 0px; outline: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap !important;">app:layout_behavior="com.example.app.YourView$Behavior"</code>. Этот фреймворк дает каждому View возможность интеграции с <code style="background: rgb(238, 238, 238); border-radius: 4px; border: 0px; box-sizing: border-box; color: black; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 12.6px; font-stretch: normal; line-height: normal; margin: 0px; outline: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap !important;">CoordinatorLayout</code>.</div>
<h3 style="border: 0px; box-sizing: border-box; clear: both; color: #595959; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 24px; font-weight: 500; line-height: 1.1; margin: 20px 0px 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
Подключение Android Design Support Library в проект</h3>
<div style="border: 0px; box-sizing: border-box; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
Обновите <strong style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Android Support Repository</strong> в SDK менеджере. Для подключения <strong style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Android Design Support Library</strong> в ваш проект добавьте строку в секцию зависимостей файла <strong style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">build.gradle</strong>:</div>
<pre class="pretty print prettyprint" style="background: rgb(245, 245, 245); border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 13px; line-height: 1.42857; margin-bottom: 20px; max-width: 100%; outline: 0px; overflow: auto; padding: 9.5px; vertical-align: baseline; white-space: pre-wrap; word-break: break-all; word-wrap: break-word;"><span class="pln" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"> compile </span><span class="str" style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">'com.android.support:design:22.2.0'</span></pre>
<div style="border: 0px; box-sizing: border-box; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
Так как библиотека материального дизайна зависит от Support v4 и AppCompat Support Libraries, те будут включаться автоматически при добавлении библиотеки <em style="border: 0px; box-sizing: border-box; font-family: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">com.android.support:design:22.2.0</em>.</div>
<div style="border: 0px; box-sizing: border-box; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
Все новые виджеты, перечисленные в этой статье, должны быть доступны в редакторе макетов Android Studio (на вкладке CustomView), для некоторых компонентов доступен предварительный просмотр.</div>
<div style="border: 0px; box-sizing: border-box; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
<strong style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Design library</strong>, <strong style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">AppCompat</strong>, и все <strong style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Android Support Library</strong> являются важными инструментами в обеспечении строительных блоков, необходимых для создания современных Android приложений без необходимости собирать все с нуля.</div>
<div style="border: 0px; box-sizing: border-box; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
Источник: <a href="http://www.fandroid.info/android-design-support-library-podderzhka-komponentov-material-design-v-prilozheniyah-s-android-2-1-do-android-5-s-primerami/" rel="nofollow" target="_blank">www.fandroid.info</a></div>
</div>
</div>
Anonymoushttp://www.blogger.com/profile/01290780333697349564noreply@blogger.com0tag:blogger.com,1999:blog-9072364314394808820.post-55729926575237313312015-09-21T07:23:00.001-07:002015-09-21T07:23:36.402-07:00Урок 1. Как создавать приложения с Material Design<div dir="ltr" style="text-align: left;" trbidi="on">
<h3 style="background-color: white; border: 0px; box-sizing: border-box; clear: both; color: #595959; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 24px; font-weight: 500; line-height: 1.1; margin: 20px 0px 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
Чтобы создать приложение с материальным дизайном:</h3>
<div style="background-color: white; border: 0px; box-sizing: border-box; color: #333333; font-family: Lato, Times, serif; font-size: 14px; line-height: 20px; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
1. Ознакомьтесь со <a href="http://www.google.com/design/spec" style="border: 0px; box-sizing: border-box; color: #428bca; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">спецификацией material design</a>.<br style="box-sizing: border-box;" />2. Примените <strong style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">material theme</strong> к вашему приложению.<br style="box-sizing: border-box;" />3. Создайте layouts, следуя принципам <strong style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">material design</strong>.<br style="box-sizing: border-box;" />4. Установите высоту вашего <strong style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">view</strong>, чтобы отбросить тень.<br style="box-sizing: border-box;" />5. Используйте системные виджеты для списков и карточек.<br style="box-sizing: border-box;" />6. Настройте анимации в вашем приложении.</div>
<h3 style="background-color: white; border: 0px; box-sizing: border-box; clear: both; color: #595959; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 24px; font-weight: 500; line-height: 1.1; margin: 20px 0px 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
Поддержите обратную совместимость</h3>
<div style="background-color: white; border: 0px; box-sizing: border-box; color: #333333; font-family: Lato, Times, serif; font-size: 14px; line-height: 20px; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
Вы можете добавить много особенностей <strong style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">material design</strong> к своему приложению, не прекращая поддерживать его совместимость с ранними версиями Android. Читайте об этом здесь: Android Design Support Library — поддержка компонентов Material Design в приложениях с Android 2.1 до Android 5+ (с примерами)</div>
<h3 style="background-color: white; border: 0px; box-sizing: border-box; clear: both; color: #595959; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 24px; font-weight: 500; line-height: 1.1; margin: 20px 0px 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
Обновите ваше приложение до material design</h3>
<div style="background-color: white; border: 0px; box-sizing: border-box; color: #333333; font-family: Lato, Times, serif; font-size: 14px; line-height: 20px; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
Чтобы обновить существующее приложение, обновите ваши layouts следуя принципам <strong style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">material design</strong>. Так же убедитесь, что включили глубину, сенсорную обратную связь и анимации.</div>
<h3 style="background-color: white; border: 0px; box-sizing: border-box; clear: both; color: #595959; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 24px; font-weight: 500; line-height: 1.1; margin: 20px 0px 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
Создайте новое приложение с material design</h3>
<div style="background-color: white; border: 0px; box-sizing: border-box; color: #333333; font-family: Lato, Times, serif; font-size: 14px; line-height: 20px; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
Если вы создаете новое приложение с особенностями material design, <a href="http://www.google.com/design/spec" style="border: 0px; box-sizing: border-box; color: #428bca; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">руководство material design</a> предоставит вам единую структуру дизайна. Следуйте тем инструкциям и используйте новую функциональность платформы Android, чтобы спроектировать и разработать ваше приложение.</div>
<h3 style="background-color: white; border: 0px; box-sizing: border-box; clear: both; color: #595959; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 24px; font-weight: 500; line-height: 1.1; margin: 20px 0px 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
Примените материальную тему</h3>
<div style="background-color: white; border: 0px; box-sizing: border-box; color: #333333; font-family: Lato, Times, serif; font-size: 14px; line-height: 20px; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
Чтобы применить<strong style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"> material theme</strong> к вашему приложению, укажите стиль, который наследуется от <strong style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">android:Theme.Material</strong>:</div>
<pre style="background: rgb(245, 245, 245); border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 13px; line-height: 1.42857; margin-bottom: 10px; max-width: 100%; outline: 0px; overflow: auto; padding: 9.5px; vertical-align: baseline; white-space: pre-wrap; word-break: break-all; word-wrap: break-word;"><!-- res/values/styles.xml -->
<resources>
<!-- your theme inherits from the material theme -->
<style name="AppTheme" parent="android:Theme.Material">
<!-- theme customizations -->
</style>
</resources></pre>
<div style="background-color: white; border: 0px; box-sizing: border-box; color: #333333; font-family: Lato, Times, serif; font-size: 14px; line-height: 20px; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
Материальная тема предоставляет обновленные системные виджеты, которые позволяют вам установить их цветовую палитру и анимации для сенсорной обратной связи и переходов между <strong style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">activity</strong>. Для получения дополнительной информации посмотрите статью Использование материальной темы.</div>
<h3 style="background-color: white; border: 0px; box-sizing: border-box; clear: both; color: #595959; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 24px; font-weight: 500; line-height: 1.1; margin: 20px 0px 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
Спроектируйте ваши макеты</h3>
<div style="background-color: white; border: 0px; box-sizing: border-box; color: #333333; font-family: Lato, Times, serif; font-size: 14px; line-height: 20px; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
В дополнение к применению и кастомизации материальной темы, ваши <strong style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">layouts</strong> должны соответствовать <a href="http://www.google.com/design/spec" style="border: 0px; box-sizing: border-box; color: #428bca; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">принципам material design</a>. При проектировании ваших макетов, обратите внимание на следующее:</div>
<ul style="background-color: white; border: 0px; box-sizing: border-box; color: #333333; font-family: Lato, Times, serif; font-size: 14px; line-height: 20px; margin: 0px 0px 10px 3em; outline: 0px; padding: 0px; vertical-align: baseline;">
<li style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Сетки базовых линий</li>
<li style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Контуры</li>
<li style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Интервалы</li>
<li style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Сенсорный целевой размер</li>
<li style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Структура макета</li>
</ul>
<h3 style="background-color: white; border: 0px; box-sizing: border-box; clear: both; color: #595959; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 24px; font-weight: 500; line-height: 1.1; margin: 20px 0px 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
Установите высоту ваших views</h3>
<div style="background-color: white; border: 0px; box-sizing: border-box; color: #333333; font-family: Lato, Times, serif; font-size: 14px; line-height: 20px; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
<strong style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Views</strong> могут отбрасывать тени, и значение высоты определяет размер тени и порядок прорисовки. Чтобы установить высоту<strong style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">view</strong>, используйте <strong style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">android:elevation</strong> в ваших <strong style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">layouts</strong>:</div>
<pre style="background: rgb(245, 245, 245); border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 13px; line-height: 1.42857; margin-bottom: 10px; max-width: 100%; outline: 0px; overflow: auto; padding: 9.5px; vertical-align: baseline; white-space: pre-wrap; word-break: break-all; word-wrap: break-word;"><TextView
android:id="@+id/my_textview"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/next"
android:background="@color/white"
android:elevation="5dp" /></pre>
<div style="background-color: white; border: 0px; box-sizing: border-box; color: #333333; font-family: Lato, Times, serif; font-size: 14px; line-height: 20px; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
Новое свойство свойство <strong style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">translationZ</strong> позволяет вам создавать анимации, которые отражают временные изменения в высоте <strong style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">view</strong>. Изменения высоты могут быть полезными при отклике на жесты.</div>
<div style="background-color: white; border: 0px; box-sizing: border-box; color: #333333; font-family: Lato, Times, serif; font-size: 14px; line-height: 20px; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
Для получения дополнительной информации посмотрите статью Установка теней и Clipping Views.</div>
<h3 style="background-color: white; border: 0px; box-sizing: border-box; clear: both; color: #595959; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 24px; font-weight: 500; line-height: 1.1; margin: 20px 0px 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
Создайте списки и карточки</h3>
<div style="background-color: white; border: 0px; box-sizing: border-box; color: #333333; font-family: Lato, Times, serif; font-size: 14px; line-height: 20px; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
<strong style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">RecyclerView</strong> — более гибкая версия <strong style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">ListView</strong>, которая поддерживает различные типы <strong style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">layout</strong> и обеспечивает повышение производительности. <strong style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">CardView</strong> позволяет показывать фрагменты информации внутри карточек, с последовательным отображением по ширине приложения. Следующий пример кода демонстрирует, как включать <strong style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">CardView</strong> в ваш <strong style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">layout</strong>:</div>
<pre style="background: rgb(245, 245, 245); border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 13px; line-height: 1.42857; margin-bottom: 10px; max-width: 100%; outline: 0px; overflow: auto; padding: 9.5px; vertical-align: baseline; white-space: pre-wrap; word-break: break-all; word-wrap: break-word;"><android.support.v7.widget.CardView
android:id="@+id/card_view"
android:layout_width="200dp"
android:layout_height="200dp"
card_view:cardCornerRadius="3dp">
...
</android.support.v7.widget.CardView></pre>
<div style="background-color: white; border: 0px; box-sizing: border-box; color: #333333; font-family: Lato, Times, serif; font-size: 14px; line-height: 20px; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
Для получения дополнительной информации смотрите статью Создание списков и <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: underline; vertical-align: baseline;">карточек</span>.</div>
<h3 style="background-color: white; border: 0px; box-sizing: border-box; clear: both; color: #595959; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 24px; font-weight: 500; line-height: 1.1; margin: 20px 0px 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
Настройте ваши анимации</h3>
<div style="background-color: white; border: 0px; box-sizing: border-box; color: #333333; font-family: Lato, Times, serif; font-size: 14px; line-height: 20px; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
Android 5.0 (уровень API 21) содержит новые API для создания анимаций в вашем приложении. Например, вы можете включить переходы между activity и установить переходы выхода в activity:</div>
<pre style="background: rgb(245, 245, 245); border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 13px; line-height: 1.42857; margin-bottom: 10px; max-width: 100%; outline: 0px; overflow: auto; padding: 9.5px; vertical-align: baseline; white-space: pre-wrap; word-break: break-all; word-wrap: break-word;">public class MyActivity extends Activity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
// enable transitions
getWindow().requestFeature(Window.FEATURE_CONTENT_TRANSITIONS);
setContentView(R.layout.activity_my);
}
public void onSomeButtonClicked(View view) {
getWindow().setExitTransition(new Explode());
Intent intent = new Intent(this, MyOtherActivity.class);
startActivity(intent,
ActivityOptions
.makeSceneTransitionAnimation(this).toBundle());
}
}</pre>
<div style="background-color: white; border: 0px; box-sizing: border-box; color: #333333; font-family: Lato, Times, serif; font-size: 14px; line-height: 20px; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
Когда вы запускаете другое activity, активируется переход выхода.</div>
<div style="background-color: white; border: 0px; box-sizing: border-box; color: #333333; font-family: Lato, Times, serif; font-size: 14px; line-height: 20px; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
Чтобы узнать больше о новых анимационных API, посмотрите статью Установка пользовательских анимаций.</div>
<div style="background-color: white; border: 0px; box-sizing: border-box; color: #333333; font-family: Lato, Times, serif; font-size: 14px; line-height: 20px; margin-bottom: 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
Источник: <a href="http://www.fandroid.info/urok-1-kak-obnovlyat-vashi-prilozheniya-do-osobennostej-material-design/" rel="nofollow" target="_blank">http://www.fandroid.info/</a></div>
</div>
Anonymoushttp://www.blogger.com/profile/01290780333697349564noreply@blogger.com0