{"id":3441,"date":"2015-11-10T13:03:01","date_gmt":"2015-11-10T13:03:01","guid":{"rendered":"http:\/\/www.fandroid.info\/?p=3441"},"modified":"2016-02-01T20:56:08","modified_gmt":"2016-02-01T20:56:08","slug":"android-sliding-tabs-razdvizhnye-vkladki-v-stile-material-design","status":"publish","type":"post","link":"https:\/\/www.fandroid.info\/android-sliding-tabs-razdvizhnye-vkladki-v-stile-material-design\/","title":{"rendered":"Android Sliding Tabs &#8212; \u0440\u0430\u0437\u0434\u0432\u0438\u0436\u043d\u044b\u0435 \u0432\u043a\u043b\u0430\u0434\u043a\u0438 \u0432 \u0441\u0442\u0438\u043b\u0435 Material Design"},"content":{"rendered":"<p>\u041a\u0430\u043a \u0432\u044b \u043c\u043e\u0433\u043b\u0438 \u0437\u0430\u043c\u0435\u0442\u0438\u0442\u044c, Google \u043e\u0431\u043d\u043e\u0432\u0438\u043b \u043c\u043d\u043e\u0433\u0438\u0435 \u0438\u0437 \u0441\u0432\u043e\u0438\u0445 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439\u00a0\u0432 \u0441\u0442\u0438\u043b\u0435 Material Design. \u041e\u0434\u043d\u0438\u043c \u0438\u0437 \u043e\u0441\u043d\u043e\u0432\u043d\u044b\u0445 \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u044b\u0445 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0439 \u0432 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u044f \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u043d\u044b\u0435 \u0440\u0430\u0437\u0434\u0432\u0438\u0436\u043d\u044b\u0435 \u0432\u043a\u043b\u0430\u0434\u043a\u0438. Google \u0434\u0430\u0435\u0442 \u0445\u043e\u0440\u043e\u0448\u0438\u0435 \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u044f\u0449\u0438\u0435 \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u044b \u043f\u043e \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439 \u0441\u00a0\u0432\u043a\u043b\u0430\u0434\u043a\u0430\u043c\u0438 (<a href=\"http:\/\/www.google.com\/design\/spec\/components\/tabs.html\" target=\"_blank\">\u0443\u0437\u043d\u0430\u0442\u044c \u0431\u043e\u043b\u044c\u0448\u0435<\/a>), \u043d\u043e \u043d\u0435 \u0441\u043f\u0435\u0448\u0438\u0442 \u043e\u0431\u043d\u043e\u0432\u043b\u044f\u0442\u044c\u00a0\u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044e. \u0412 \u044d\u0442\u043e\u043c \u0443\u0447\u0435\u0431\u043d\u043e\u043c \u043f\u043e\u0441\u043e\u0431\u0438\u0438 \u044f \u043f\u043e\u043a\u0430\u0436\u0443 \u0432\u0430\u043c, \u043a\u0430\u043a \u0441\u043e\u0437\u0434\u0430\u0442\u044c Android \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0441 \u0442\u0430\u0431\u0430\u043c\u0438\u00a0&#8212;\u00a0\u0440\u0430\u0437\u0434\u0432\u0438\u0436\u043d\u044b\u043c\u0438 \u0432\u043a\u043b\u0430\u0434\u043a\u0430\u043c\u0438 \u0432 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u044c\u043d\u043e\u043c \u0441\u0442\u0438\u043b\u0435.<\/p>\n<h3 class=\"detail-h1\">\u041f\u0440\u0438\u0441\u0442\u0443\u043f\u0430\u044f \u043a \u0440\u0430\u0431\u043e\u0442\u0435<\/h3>\n<p>1. \u0414\u043e\u0431\u0430\u0432\u044c\u0442\u0435 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438\u00a0<strong><em><span class=\"detail-highlighter\">appcompat-v7.21.0.+<\/span><\/em><\/strong> \u0438\u00a0<span class=\"detail-highlighter\"><em><strong>appcompat-v4.21.0.+<\/strong><\/em> \u0432 \u0444\u0430\u0439\u043b \u0441\u0431\u043e\u0440\u043a\u0438\u00a0<strong><span class=\"detail-highlighter\">build.gradle<\/span><\/strong> \u0432\u0430\u0448\u0435\u0433\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0430:<\/span><\/p>\n<p>[pastacode lang=&#187;java&#187; message=&#187;\u00a0build.gradle&#187; highlight=&#187;&#187; provider=&#187;manual&#187;]<\/p>\n<pre><code>apply plugin: 'com.android.application'\r\n\r\nandroid {\r\n    compileSdkVersion 21\r\n    buildToolsVersion \"21.1.1\"\r\n\r\n    defaultConfig {\r\n        applicationId \"samples.exoguru.materialtabs\"\r\n        minSdkVersion 16\r\n        targetSdkVersion 21\r\n        versionCode 1\r\n        versionName \"1.0\"\r\n    }\r\n    buildTypes {\r\n        release {\r\n            minifyEnabled false\r\n            proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'\r\n        }\r\n    }\r\n}\r\n\r\ndependencies {\r\n    compile fileTree(dir: 'libs', include: ['*.jar'])\r\n    compile 'com.android.support:appcompat-v7:21.0.3'\r\n    compile 'com.android.support:support-v4:21.0.3'\r\n} <\/code><\/pre>\n<p>[\/pastacode]<\/p>\n<p>2.\u00a0\u0422\u0430\u043a \u043a\u0430\u043a Google \u043d\u0435 \u043e\u0431\u043d\u043e\u0432\u0438\u043b \u0438\u0445 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044e, \u043d\u0430\u043c \u043f\u0440\u0438\u0434\u0435\u0442\u0441\u044f\u00a0\u0443\u043a\u0440\u0430\u0441\u0442\u044c \u0434\u0432\u0430 java-\u0444\u0430\u0439\u043b\u0430 \u0438\u0437 \u043e\u0442\u043a\u0440\u044b\u0442\u043e\u0433\u043e \u0438\u0441\u0445\u043e\u0434\u043d\u043e\u0433\u043e \u043a\u043e\u0434\u0430 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f Google I\/O \u00a0\u0438 \u0432\u0441\u0442\u0430\u0432\u0438\u043c \u0435\u0433\u043e \u0432 \u043d\u0430\u0448 \u043f\u0430\u043a\u0435\u0442\u00a0java, \u0447\u0442\u043e\u0431\u044b\u00a0\u043d\u0430\u0448\u0438 \u0432\u043a\u043b\u0430\u0434\u043a\u0438 \u0432\u044b\u0433\u043b\u044f\u0434\u0435\u043b\u0438 \u0442\u0430\u043a \u0436\u0435, \u043a\u0430\u043a \u0432 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u043d\u044b\u0445 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f\u0445 Google apps. \u0412\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u044d\u0442\u0438 \u0444\u0430\u0439\u043b\u044b \u0441 \u0441\u0441\u044b\u043b\u043a\u0435 \u043d\u0438\u0436\u0435:<\/p>\n<p><a class=\"footer-a\" href=\"https:\/\/github.com\/google\/iosched\/blob\/master\/android\/src\/main\/java\/com\/google\/samples\/apps\/iosched\/ui\/widget\/SlidingTabLayout.java\" target=\"_blank\">SlidingTabLayout.java<\/a><br \/>\n<a class=\"footer-a\" href=\"https:\/\/github.com\/google\/iosched\/blob\/master\/android\/src\/main\/java\/com\/google\/samples\/apps\/iosched\/ui\/widget\/SlidingTabStrip.java\" target=\"_blank\">SlidingTabStrip.java<\/a><\/p>\n<p>3. \u0421\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u043d\u043e\u0432\u044b\u0439 \u0444\u0430\u0439\u043b \u0441 \u0438\u043c\u0435\u043d\u0435\u043c colors.xml \u0432 \u043f\u0430\u043f\u043a\u0435 \u0440\u0435\u0441\u0443\u0440\u0441\u043e\u0432 \u0438 \u0434\u043e\u0431\u0430\u0432\u044c\u0442\u0435 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u043a\u043e\u0434:<\/p>\n<p>[pastacode lang=&#187;bash&#187; message=&#187;colors.xml&#187; highlight=&#187;&#187; provider=&#187;manual&#187;]<\/p>\n<pre><code><!--?xml version=\"1.0\" encoding=\"utf-8\"?-->\r\n\r\n    #00897B\r\n    #00695C\r\n    #004D40\r\n<\/code><\/pre>\n<p>[\/pastacode]<\/p>\n<p>4. \u0421\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u043d\u043e\u0432\u044b\u0439 \u0444\u0430\u0439\u043b \u0432 \u0432\u0430\u0448\u0435\u0439 \u043f\u0430\u043f\u043a\u0435 res\/color\/\u00a0\u0438 \u043f\u0440\u0438\u0441\u0432\u043e\u0439\u0442\u0435 \u0435\u043c\u0443 \u0438\u043c\u044f selector.xml. \u041f\u043e\u0441\u043b\u0435 \u044d\u0442\u043e\u0433\u043e \u0434\u043e\u0431\u0430\u0432\u044c\u0442\u0435 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u043a\u043e\u0434 \u0432 \u043d\u0435\u0433\u043e. \u042d\u0442\u043e\u0442 XML-\u043a\u043e\u0434 \u0438\u0437\u043c\u0435\u043d\u044f\u0435\u0442 \u0446\u0432\u0435\u0442 \u0442\u0435\u043a\u0441\u0442\u0430 \u0430\u043a\u0442\u0438\u0432\u043d\u043e\u0439 \u0432\u043a\u043b\u0430\u0434\u043a\u0438, \u043f\u043e\u0437\u0436\u0435 \u043c\u044b \u0443\u0432\u0438\u0434\u0438\u043c \u0441\u0432\u044f\u0437\u0430\u043d\u043d\u044b\u0439 \u043a\u043e\u0434\u00a0\u0441\u0442\u043e\u0440\u043e\u043d\u0435 Java.<\/p>\n<p>[pastacode lang=&#187;java&#187; message=&#187;selector.xml&#187; highlight=&#187;&#187; provider=&#187;manual&#187;]<\/p>\n<pre><code><!--?xml version=\"1.0\" encoding=\"utf-8\"?-->\r\n\r\n     \r\n     \r\n     \r\n     \r\n<\/code><\/pre>\n<p>[\/pastacode]<\/p>\n<p><script>\/\/ <![CDATA[\n(adsbygoogle = window.adsbygoogle || []).push({});\n\/\/ ]]><\/script><\/p>\n<h3 class=\"detail-h1\">\u0424\u0430\u0439\u043b\u044b\u00a0\u043c\u0430\u043a\u0435\u0442\u043e\u0432<\/h3>\n<p>5. \u0412\u0441\u0442\u0430\u0432\u044c\u0442\u0435 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u043a\u043e\u0434 \u0432 \u0444\u0430\u0439\u043b styles.xml:<\/p>\n<p>[pastacode lang=&#187;php&#187; message=&#187;styles.xml&#187; highlight=&#187;&#187; provider=&#187;manual&#187;]<\/p>\n<pre><code> \r\n\r\n\r\n\r\n<\/code><\/pre>\n<p>&nbsp;<\/p>\n<p>[\/pastacode]<\/p>\n<p>6. \u0421\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u043d\u043e\u0432\u044b\u0439 \u0444\u0430\u0439\u043b \u0441 \u0438\u043c\u0435\u043d\u0435\u043c tool_bar.xml \u0432 \u043f\u0430\u043f\u043a\u0435 \u043c\u0430\u043a\u0435\u0442\u043e\u0432\u00a0\u0438 \u0432\u0441\u0442\u0430\u0432\u044c\u0442\u0435 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u043a\u043e\u0434 \u0432 \u043d\u0435\u0433\u043e:<\/p>\n<p>[pastacode lang=&#187;php&#187; message=&#187;tool_bar.xml &#187; highlight=&#187;&#187; provider=&#187;manual&#187;]<\/p>\n<pre><code>&lt;?xml version=\"1.0\" encoding=\"utf-8\"?&gt;\r\n&lt;android.support.v7.widget.Toolbar\r\n    android:layout_height=\"wrap_content\"\r\n    android:layout_width=\"match_parent\"\r\n    android:background=\"@color\/ColorPrimary\"\r\n    android:elevation=\"2dp\"\r\n    android:theme=\"@style\/Base.ThemeOverlay.AppCompat.Dark\"\r\n    xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\" \/&gt;<\/code><\/pre>\n<p>[\/pastacode]<\/p>\n<p>7. \u0422\u0435\u043f\u0435\u0440\u044c \u043d\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c Toolbar, SlidingTabLayout \u0438 ViewPager \u0432 \u043d\u0430\u0448\u0435\u00a0Main Activity, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0434\u043e\u0431\u0430\u0432\u044c\u0442\u0435 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u043a\u043e\u0434 \u0432 \u0432\u0430\u0448 \u0444\u0430\u0439\u043b activity_main.xml \u0432 \u043f\u0430\u043f\u043a\u0435 \u043c\u0430\u043a\u0435\u0442\u043e\u0432:<\/p>\n<p>[pastacode lang=&#187;php&#187; message=&#187;activity_main.xml&#187; highlight=&#187;&#187; provider=&#187;manual&#187;]<\/p>\n<pre><code>&lt;LinearLayout xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\"\r\n    xmlns:tools=\"http:\/\/schemas.android.com\/tools\"\r\n    android:layout_width=\"match_parent\"\r\n    android:layout_height=\"match_parent\"\r\n    android:orientation=\"vertical\"\r\n    tools:context=\".MainActivity\"&gt;\r\n\r\n    &lt;include\r\n        android:id=\"@+id\/tool_bar\"\r\n        layout=\"@layout\/tool_bar\"\r\n        android:layout_height=\"wrap_content\"\r\n        android:layout_width=\"match_parent\"\r\n        \/&gt;\r\n\r\n    &lt;samples.exoguru.materialtabs.SlidingTabLayout\r\n        android:id=\"@+id\/tabs\"\r\n        android:layout_width=\"match_parent\"\r\n        android:layout_height=\"wrap_content\"\r\n        android:elevation=\"2dp\"\r\n        android:background=\"@color\/ColorPrimary\"\/&gt;\r\n\r\n    &lt;android.support.v4.view.ViewPager\r\n        android:id=\"@+id\/pager\"\r\n        android:layout_height=\"match_parent\"\r\n        android:layout_width=\"match_parent\"\r\n        android:layout_weight=\"1\"&gt;\r\n     &lt;\/android.support.v4.view.ViewPager&gt;\r\n\r\n&lt;\/LinearLayout&gt;<\/code><\/pre>\n<p>[\/pastacode]<\/p>\n<p>8.\u00a0\u0421\u043e\u0437\u0434\u0430\u0434\u0438\u043c \u0444\u0430\u0439\u043b\u044b \u043c\u0430\u043a\u0435\u0442\u043e\u0432 \u0434\u043b\u044f \u0432\u043a\u043b\u0430\u0434\u043e\u043a. \u0412 \u043c\u043e\u0435\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u044f \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e 2 \u0432\u043a\u043b\u0430\u0434\u043a\u0438, \u0438 \u044f \u0438\u0445 \u043d\u0430\u0437\u044b\u0432\u0430\u043b, tab_1.xml \u0438 tab_2.xml:<\/p>\n<p>[pastacode lang=&#187;php&#187; message=&#187;tab_1.xml&#187; highlight=&#187;&#187; provider=&#187;manual&#187;]<\/p>\n<pre><code>&lt;?xml version=\"1.0\" encoding=\"utf-8\"?&gt;\r\n&lt;RelativeLayout xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\"\r\n    android:layout_width=\"match_parent\"\r\n    android:layout_height=\"match_parent\"&gt;\r\n\r\n   \r\n     &lt;TextView\r\n        android:layout_width=\"wrap_content\"\r\n        android:layout_height=\"wrap_content\"\r\n        android:textAppearance=\"?android:attr\/textAppearanceMedium\"\r\n        android:text=\"Tab 1 says Hello :D\"\r\n        android:id=\"@+id\/textView\"\r\n        android:textColor=\"@color\/tabsScrollColor\"\r\n        android:layout_centerVertical=\"true\"\r\n        android:layout_centerHorizontal=\"true\" \/&gt;\r\n\r\n&lt;\/RelativeLayout&gt;<\/code><\/pre>\n<p>[\/pastacode]<\/p>\n<p style=\"text-align: center;\"><script src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\" async=\"\"><\/script><!-- Big rect in post --> <ins class=\"adsbygoogle\" style=\"display: inline-block; width: 336px; height: 280px;\" data-ad-client=\"ca-pub-4811061307527681\" data-ad-slot=\"7181758251\"><\/ins><script>\/\/ <![CDATA[\n(adsbygoogle = window.adsbygoogle || []).push({});\n\/\/ ]]><\/script><\/p>\n<p>[pastacode lang=&#187;php&#187; message=&#187;tab_2.xml&#187; highlight=&#187;&#187; provider=&#187;manual&#187;]<\/p>\n<pre><code>&lt;?xml version=\"1.0\" encoding=\"utf-8\"?&gt;\r\n&lt;RelativeLayout xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\"\r\n    android:layout_width=\"match_parent\"\r\n    android:layout_height=\"match_parent\"&gt;\r\n\r\n   \r\n     &lt;TextView\r\n        android:layout_width=\"wrap_content\"\r\n        android:layout_height=\"wrap_content\"\r\n        android:textAppearance=\"?android:attr\/textAppearanceMedium\"\r\n        android:text=\"Tab 2 says Hello :D\"\r\n        android:id=\"@+id\/textView\"\r\n        android:textColor=\"@color\/tabsScrollColor\"\r\n        android:layout_centerVertical=\"true\"\r\n        android:layout_centerHorizontal=\"true\" \/&gt;\r\n\r\n&lt;\/RelativeLayout&gt;<\/code><\/pre>\n<p>[\/pastacode]<\/p>\n<h3 class=\"detail-h1\">Java-\u0444\u0430\u0439\u043b\u044b<\/h3>\n<p id=\"apara\" class=\"dp-para\">9. \u0422\u0435\u043f\u0435\u0440\u044c \u043d\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0434\u0432\u0430 \u0444\u0440\u0430\u0433\u043c\u0435\u043d\u0442\u0430 \u0434\u043b\u044f \u0432\u043a\u043b\u0430\u0434\u043e\u043a \u0438 \u043c\u0430\u043a\u0435\u0442\u043e\u0432, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043c\u044b \u0441\u043e\u0437\u0434\u0430\u043b\u0438 \u0440\u0430\u043d\u044c\u0448\u0435. \u041d\u0443\u0436\u043d\u043e \u0441\u043e\u0437\u0434\u0430\u0442\u044c\u00a0\u0434\u0432\u0430 java-\u0444\u0430\u0439\u043b\u0430 \u0432 \u043a\u0430\u0442\u0430\u043b\u043e\u0433\u0435 Java \u0438 \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u043a\u043e\u0434 \u0432 \u043d\u0438\u0445, \u0432 \u043c\u043e\u0435\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u044f \u043d\u0430\u0437\u0432\u0430\u043b \u0444\u0430\u0439\u043b\u044b Tab1.java \u0438 Tab2.java:<\/p>\n<p>[pastacode lang=&#187;java&#187; message=&#187;Tab1.java&#187; highlight=&#187;&#187; provider=&#187;manual&#187;]<\/p>\n<pre><code>package samples.exoguru.materialtabs;\r\n\r\nimport android.os.Bundle;\r\nimport android.support.annotation.Nullable;\r\nimport android.support.v4.app.Fragment;\r\nimport android.view.LayoutInflater;\r\nimport android.view.View;\r\nimport android.view.ViewGroup;\r\n\r\n\/**\r\n * Created by Edwin on 15\/02\/2015.\r\n *\/\r\npublic class Tab1 extends Fragment {\r\n\r\n    @Override\r\n    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {\r\n        View v =inflater.inflate(R.layout.tab_1,container,false);\r\n        return v;\r\n    }\r\n}<\/code><\/pre>\n<p>[\/pastacode]<\/p>\n<p>[pastacode lang=&#187;java&#187; message=&#187;Tab2.java&#187; highlight=&#187;&#187; provider=&#187;manual&#187;]<\/p>\n<pre><code>package samples.exoguru.materialtabs;\r\n\r\nimport android.os.Bundle;\r\nimport android.support.annotation.Nullable;\r\nimport android.support.v4.app.Fragment;\r\nimport android.view.LayoutInflater;\r\nimport android.view.View;\r\nimport android.view.ViewGroup;\r\n\r\n\/**\r\n * Created by Edwin on 15\/02\/2015.\r\n *\/\r\npublic class Tab2 extends Fragment {\r\n\r\n    @Override\r\n    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {\r\n        View v =inflater.inflate(R.layout.tab_2,container,false);\r\n        return v;\r\n    }\r\n}<\/code><\/pre>\n<p>[\/pastacode]<\/p>\n<p>10. \u0414\u043b\u044f \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0435\u043d\u0438\u044f \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0434\u043b\u044f \u043a\u0430\u0436\u0434\u043e\u0439 \u0432\u043a\u043b\u0430\u0434\u043a\u0438, \u043d\u0430\u043c\u00a0\u043d\u0443\u0436\u0435\u043d ViewPagerAdpater. \u0421\u043e\u0437\u0434\u0430\u0435\u043c\u00a0\u043d\u043e\u0432\u044b\u0439 \u0444\u0430\u0439\u043b java \u0441 \u0438\u043c\u0435\u043d\u0435\u043c ViewPagerAdpater.java \u0438 \u0434\u043e\u0431\u0430\u0432\u0438\u043c \u0432 \u043d\u0435\u0433\u043e \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u043a\u043e\u0434:<\/p>\n<p>[pastacode lang=&#187;java&#187; message=&#187;ViewPagerAdpater.java &#187; highlight=&#187;&#187; provider=&#187;manual&#187;]<\/p>\n<pre><code>package samples.exoguru.materialtabs;\r\n\r\nimport android.support.v4.app.Fragment;\r\nimport android.support.v4.app.FragmentManager;\r\nimport android.support.v4.app.FragmentStatePagerAdapter;\r\n\r\n\/**\r\n * Created by Edwin on 15\/02\/2015.\r\n *\/\r\npublic class ViewPagerAdapter extends FragmentStatePagerAdapter {\r\n\r\n    CharSequence Titles[]; \/\/ This will Store the Titles of the Tabs which are Going to be passed when ViewPagerAdapter is created\r\n    int NumbOfTabs; \/\/ Store the number of tabs, this will also be passed when the ViewPagerAdapter is created\r\n\r\n\r\n    \/\/ Build a Constructor and assign the passed Values to appropriate values in the class\r\n    public ViewPagerAdapter(FragmentManager fm,CharSequence mTitles[], int mNumbOfTabsumb) {\r\n        super(fm);\r\n\r\n        this.Titles = mTitles;\r\n        this.NumbOfTabs = mNumbOfTabsumb;\r\n\r\n    }\r\n\r\n    \/\/This method return the fragment for the every position in the View Pager\r\n    @Override\r\n    public Fragment getItem(int position) {\r\n\r\n        if(position == 0) \/\/ if the position is 0 we are returning the First tab\r\n        {\r\n            Tab1 tab1 = new Tab1();\r\n            return tab1;\r\n        }\r\n        else             \/\/ As we are having 2 tabs if the position is now 0 it must be 1 so we are returning second tab\r\n        {\r\n            Tab2 tab2 = new Tab2();\r\n            return tab2;\r\n        }\r\n\r\n    }\r\n\r\n    \/\/ This method return the titles for the Tabs in the Tab Strip\r\n\r\n    @Override\r\n    public CharSequence getPageTitle(int position) {\r\n        return Titles[position];\r\n    }\r\n\r\n    \/\/ This method return the Number of tabs for the tabs Strip\r\n\r\n    @Override\r\n    public int getCount() {\r\n        return NumbOfTabs;\r\n    }\r\n}<\/code><\/pre>\n<p>[\/pastacode]<\/p>\n<p>11. \u0422\u0435\u043f\u0435\u0440\u044c \u0432\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u043e\u0431\u043d\u043e\u0432\u0438\u0442\u044c \u043a\u043b\u0430\u0441\u0441 populateTabStrip() \u0432 \u0444\u0430\u0439\u043b\u0435 SlidingTabLayout.Java, \u043f\u0440\u043e\u0441\u0442\u043e \u0437\u0430\u043c\u0435\u043d\u0438\u0442\u0435 \u0435\u0433\u043e \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c \u043a\u043e\u0434\u043e\u043c:<\/p>\n<p>[pastacode lang=&#187;java&#187; message=&#187;SlidingTabLayout.Java&#187; highlight=&#187;&#187; provider=&#187;manual&#187;]<\/p>\n<pre><code>private void populateTabStrip() {\r\n        final PagerAdapter adapter = mViewPager.getAdapter();\r\n        final View.OnClickListener tabClickListener = new TabClickListener();\r\n\r\n        for (int i = 0; i &lt; adapter.getCount(); i++) {\r\n            View tabView = null;\r\n            TextView tabTitleView = null;\r\n\r\n            if (mTabViewLayoutId != 0) {\r\n                \/\/ If there is a custom tab view layout id set, try and inflate it\r\n                tabView = LayoutInflater.from(getContext()).inflate(mTabViewLayoutId, mTabStrip,\r\n                        false);\r\n                tabTitleView = (TextView) tabView.findViewById(mTabViewTextViewId);\r\n            }\r\n\r\n            if (tabView == null) {\r\n                tabView = createDefaultTabView(getContext());\r\n            }\r\n\r\n            if (tabTitleView == null &amp;&amp; TextView.class.isInstance(tabView)) {\r\n                tabTitleView = (TextView) tabView;\r\n            }\r\n\r\n            if (mDistributeEvenly) {\r\n                LinearLayout.LayoutParams lp = (LinearLayout.LayoutParams) tabView.getLayoutParams();\r\n                lp.width = 0;\r\n                lp.weight = 1;\r\n            }\r\n\r\n            tabTitleView.setText(adapter.getPageTitle(i));\r\n            tabView.setOnClickListener(tabClickListener);\r\n            String desc = mContentDescriptions.get(i, null);\r\n            if (desc != null) {\r\n                tabView.setContentDescription(desc);\r\n            }\r\n\r\n            mTabStrip.addView(tabView);\r\n            if (i == mViewPager.getCurrentItem()) {\r\n                tabView.setSelected(true);\r\n            }\r\n\r\n            tabTitleView.setTextColor(getResources().getColorStateList(R.color.selector));\r\n            tabTitleView.setTextSize(14);\r\n        }\r\n    }<\/code><\/pre>\n<p>[\/pastacode]<\/p>\n<p>12. \u0418 \u043d\u0430\u043a\u043e\u043d\u0435\u0446, \u043e\u0431\u043d\u043e\u0432\u0438\u043c \u043a\u043b\u0430\u0441\u0441\u00a0MainActivity.java \u043f\u0443\u0442\u0435\u043c \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u043a\u043e\u0434\u0430 \u043d\u0438\u0436\u0435:<\/p>\n<p>[pastacode lang=&#187;java&#187; message=&#187;MainActivity.java&#187; highlight=&#187;&#187; provider=&#187;manual&#187;]<\/p>\n<pre><code>package samples.exoguru.materialtabs;\r\n\r\nimport android.support.v4.view.ViewPager;\r\nimport android.support.v7.app.ActionBarActivity;\r\nimport android.os.Bundle;\r\nimport android.support.v7.widget.Toolbar;\r\nimport android.view.Menu;\r\nimport android.view.MenuItem;\r\n\r\n\/**\r\n * Created by Edwin on 15\/02\/2015.\r\n *\/\r\npublic class MainActivity extends ActionBarActivity {\r\n\r\n    \/\/ Declaring Your View and Variables\r\n\r\n    Toolbar toolbar;\r\n    ViewPager pager;\r\n    ViewPagerAdapter adapter;\r\n    SlidingTabLayout tabs;\r\n    CharSequence Titles[]={\"Home\",\"Events\"};\r\n    int Numboftabs =2;\r\n\r\n    @Override\r\n    protected void onCreate(Bundle savedInstanceState) {\r\n        super.onCreate(savedInstanceState);\r\n        setContentView(R.layout.activity_main);\r\n\r\n\r\n        \/\/ Creating The Toolbar and setting it as the Toolbar for the activity\r\n\r\n        toolbar = (Toolbar) findViewById(R.id.tool_bar);\r\n        setSupportActionBar(toolbar);\r\n\r\n\r\n        \/\/ Creating The ViewPagerAdapter and Passing Fragment Manager, Titles fot the Tabs and Number Of Tabs.\r\n        adapter =  new ViewPagerAdapter(getSupportFragmentManager(),Titles,Numboftabs);\r\n\r\n        \/\/ Assigning ViewPager View and setting the adapter\r\n        pager = (ViewPager) findViewById(R.id.pager);\r\n        pager.setAdapter(adapter);\r\n\r\n        \/\/ Assiging the Sliding Tab Layout View\r\n        tabs = (SlidingTabLayout) findViewById(R.id.tabs);\r\n        tabs.setDistributeEvenly(true); \/\/ To make the Tabs Fixed set this true, This makes the tabs Space Evenly in Available width\r\n\r\n        \/\/ Setting Custom Color for the Scroll bar indicator of the Tab View\r\n        tabs.setCustomTabColorizer(new SlidingTabLayout.TabColorizer() {\r\n            @Override\r\n            public int getIndicatorColor(int position) {\r\n                return getResources().getColor(R.color.tabsScrollColor);\r\n            }\r\n        });\r\n\r\n        \/\/ Setting the ViewPager For the SlidingTabsLayout\r\n        tabs.setViewPager(pager);\r\n\r\n\r\n\r\n    }\r\n\r\n\r\n    @Override\r\n    public boolean onCreateOptionsMenu(Menu menu) {\r\n        \/\/ Inflate the menu; this adds items to the action bar if it is present.\r\n        getMenuInflater().inflate(R.menu.menu_main, menu);\r\n        return true;\r\n    }\r\n\r\n    @Override\r\n    public boolean onOptionsItemSelected(MenuItem item) {\r\n        \/\/ Handle action bar item clicks here. The action bar will\r\n        \/\/ automatically handle clicks on the Home\/Up button, so long\r\n        \/\/ as you specify a parent activity in AndroidManifest.xml.\r\n        int id = item.getItemId();\r\n\r\n        \/\/noinspection SimplifiableIfStatement\r\n        if (id == R.id.action_settings) {\r\n            return true;\r\n        }\r\n\r\n        return super.onOptionsItemSelected(item);\r\n    }\r\n}<\/code><\/pre>\n<p>[\/pastacode]<\/p>\n<p>\u0422\u0435\u043f\u0435\u0440\u044c \u043c\u043e\u0436\u043d\u043e \u0437\u0430\u043f\u0443\u0441\u0442\u0438\u0442\u044c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0438 \u0432\u044b \u0434\u043e\u043b\u0436\u043d\u044b \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0440\u0430\u0431\u043e\u0442\u0430\u044e\u0449\u0438\u0435 \u0432\u043a\u043b\u0430\u0434\u043a\u0438\u00a0\u0432 \u0441\u0442\u0438\u043b\u0435 Material Design.<\/p>\n<p>\u0411\u043e\u043b\u0435\u0435 \u043d\u0430\u0433\u043b\u044f\u0434\u043d\u043e \u0432\u0435\u0441\u044c \u043f\u0440\u043e\u0446\u0435\u0441\u0441 \u0441\u043c\u043e\u0442\u0440\u0438\u0442\u0435 \u0432 \u0432\u0438\u0434\u0435\u043e:<\/p>\n<p><iframe loading=\"lazy\" width=\"700\" height=\"394\" src=\"https:\/\/www.youtube.com\/embed\/tLFWIQyovSs?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<p><a href=\"https:\/\/github.com\/joseedwin84\/Android-Sliding-Tabs-With-Material-Design\" target=\"_blank\">\u0421\u0441\u044b\u043b\u043a\u0430 <\/a>\u043d\u0430 \u0438\u0441\u0445\u043e\u0434\u043d\u044b\u0439 \u043a\u043e\u0434 \u043f\u0440\u043e\u0435\u043a\u0442\u0430.<\/p>\n<p>\u041f\u0435\u0440\u0435\u0432\u043e\u0434 <a href=\"http:\/\/www.exoguru.com\/android\/material-design\/navigation\/android-sliding-tabs-with-material-design.html\" target=\"_blank\">\u0438\u0441\u0442\u043e\u0447\u043d\u0438\u043a\u0430<\/a>.<\/p>\n<p>\u041f\u0440\u043e\u0434\u0432\u0438\u043d\u0443\u0442\u044b\u0439 \u043f\u0440\u0438\u043c\u0435\u0440 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0432\u043a\u043b\u0430\u0434\u043e\u043a \u0432 <a href=\"\/videokurs-urokov-po-sozdaniyu-android-prilozheniya-reminder\/\" target=\"_blank\">\u043a\u0443\u0440\u0441\u0435 \u0443\u0440\u043e\u043a\u043e\u0432 \u043f\u043e\u00a0\u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044e \u0440\u0435\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f<\/a>.<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u041a\u0430\u043a \u0432\u044b \u043c\u043e\u0433\u043b\u0438 \u0437\u0430\u043c\u0435\u0442\u0438\u0442\u044c, Google \u043e\u0431\u043d\u043e\u0432\u0438\u043b \u043c\u043d\u043e\u0433\u0438\u0435 \u0438\u0437 \u0441\u0432\u043e\u0438\u0445 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439\u00a0\u0432 \u0441\u0442\u0438\u043b\u0435 Material Design. \u041e\u0434\u043d\u0438\u043c \u0438\u0437 \u043e\u0441\u043d\u043e\u0432\u043d\u044b\u0445 \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u044b\u0445 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0439 \u0432 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u044f \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u043d\u044b\u0435 \u0440\u0430\u0437\u0434\u0432\u0438\u0436\u043d\u044b\u0435 \u0432\u043a\u043b\u0430\u0434\u043a\u0438. Google \u0434\u0430\u0435\u0442 \u0445\u043e\u0440\u043e\u0448\u0438\u0435 \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u044f\u0449\u0438\u0435 \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u044b \u043f\u043e \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439 \u0441\u00a0\u0432\u043a\u043b\u0430\u0434\u043a\u0430\u043c\u0438 (\u0443\u0437\u043d\u0430\u0442\u044c \u0431\u043e\u043b\u044c\u0448\u0435), \u043d\u043e \u043d\u0435 \u0441\u043f\u0435\u0448\u0438\u0442 \u043e\u0431\u043d\u043e\u0432\u043b\u044f\u0442\u044c\u00a0\u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044e. \u0412 \u044d\u0442\u043e\u043c \u0443\u0447\u0435\u0431\u043d\u043e\u043c \u043f\u043e\u0441\u043e\u0431\u0438\u0438 \u044f \u043f\u043e\u043a\u0430\u0436\u0443 \u0432\u0430\u043c, \u043a\u0430\u043a \u0441\u043e\u0437\u0434\u0430\u0442\u044c Android \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0441 \u0442\u0430\u0431\u0430\u043c\u0438\u00a0&#8212;\u00a0\u0440\u0430\u0437\u0434\u0432\u0438\u0436\u043d\u044b\u043c\u0438 \u0432\u043a\u043b\u0430\u0434\u043a\u0430\u043c\u0438 \u0432 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u044c\u043d\u043e\u043c [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":3456,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[24],"tags":[3,19,337,142,25,262,136,305,137,51,308,140,309,306,141,132,307,133],"_links":{"self":[{"href":"https:\/\/www.fandroid.info\/wp-json\/wp\/v2\/posts\/3441"}],"collection":[{"href":"https:\/\/www.fandroid.info\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.fandroid.info\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.fandroid.info\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fandroid.info\/wp-json\/wp\/v2\/comments?post=3441"}],"version-history":[{"count":1,"href":"https:\/\/www.fandroid.info\/wp-json\/wp\/v2\/posts\/3441\/revisions"}],"predecessor-version":[{"id":3894,"href":"https:\/\/www.fandroid.info\/wp-json\/wp\/v2\/posts\/3441\/revisions\/3894"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.fandroid.info\/wp-json\/wp\/v2\/media\/3456"}],"wp:attachment":[{"href":"https:\/\/www.fandroid.info\/wp-json\/wp\/v2\/media?parent=3441"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fandroid.info\/wp-json\/wp\/v2\/categories?post=3441"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fandroid.info\/wp-json\/wp\/v2\/tags?post=3441"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}