{"id":271018,"date":"2015-12-23T23:22:02","date_gmt":"2015-12-23T20:22:02","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=271018"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=271018","title":{"rendered":"\u0420\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u00abOnboarding Experience\u00bb \u0432 \u0432\u0430\u0448\u0435\u043c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438"},"content":{"rendered":"<p>       \u041f\u0440\u0438\u0432\u0435\u0442 \u0432\u0441\u0435\u043c \u043f\u043e\u0441\u0442\u043e\u044f\u043b\u044c\u0446\u0430\u043c \u0445\u0430\u0431\u0440\u0430!<\/p>\n<p>  \u0412 \u044d\u0442\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435 \u0445\u043e\u0442\u0435\u043b \u0431\u044b \u0440\u0430\u0441\u0441\u043a\u0430\u0437\u0430\u0442\u044c \u043e \u0432\u043d\u0435\u0434\u0440\u0435\u043d\u0438\u0438 \u00abOnboarding Experience\u00bb \u0432 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043d\u0430\u0434 \u043a\u043e\u0442\u043e\u0440\u044b\u043c \u0432\u044b \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442\u0435 \u0438\u043b\u0438 \u0441\u043e\u0431\u0438\u0440\u0430\u0435\u0442\u0435\u0441\u044c \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c.<\/p>\n<p>  \u0415\u0441\u043b\u0438, \u043a\u0442\u043e \u0435\u0449\u0435 \u043d\u0435 \u043f\u043e\u043d\u044f\u043b \u00abOnboarding Experience\u00bb \u2014 \u044d\u0442\u043e \u043d\u0435\u0431\u043e\u043b\u044c\u0448\u0430\u044f \u043f\u0440\u0435\u0437\u0435\u043d\u0442\u0430\u0446\u0438\u044f \u0432\u043d\u0443\u0442\u0440\u0438 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442 \u043e \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044f\u0445 \u0432\u0430\u0448\u0435\u0433\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0432 \u0432\u0438\u0434\u0435 \u0442\u0430\u043a\u043e\u0433\u043e \u0441\u0435\u0431\u0435 \u0441\u043b\u0430\u0439\u0434-\u0448\u043e\u0443. \u0422\u0430\u043a\u0443\u044e \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0443 \u0434\u0435\u043c\u043e\u043d\u0441\u0442\u0440\u0430\u0446\u0438\u0438 \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u0430 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u043f\u0440\u0438\u043c\u0435\u043d\u044f\u044e\u0442 \u043c\u043d\u043e\u0433\u0438\u0435 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438, \u0442\u0430\u043a\u0438\u0435 \u043a\u0430\u043a, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 Google.<\/p>\n<p>  \u041f\u0440\u0438\u043c\u0435\u0440 \u00abOnboarding Experience\u00bb \u0432 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438 Google Drive:<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/files\/70c\/b4b\/bab\/70cb4bbabb854830b8a1f5a7e79ea4e8.jpg\" alt=\"image\"\/><\/p>\n<p>  \u0422\u0430\u043a\u0436\u0435, \u00abOnboarding Experience\u00bb \u043d\u0430\u0437\u044b\u0430\u0435\u0442\u0441\u044f \u00abApp Intro\u00bb \u0438\u043b\u0438 \u00abProduct Tour\u00bb. \u0412\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u043d\u0430\u0437\u044b\u0432\u0430\u0442\u044c \u044d\u0442\u043e \u043a\u0430\u043a \u0445\u043e\u0442\u0438\u0442\u0435, \u0432\u0435\u0434\u044c \u0441\u0443\u0442\u044c \u0435\u0433\u043e \u043d\u0435 \u043c\u0435\u043d\u044f\u0435\u0442\u0441\u044f.<\/p>\n<p>  <a name=\"habracut\"><\/a><\/p>\n<p>  \u0418\u0442\u0430\u043a, \u043c\u043e\u044f \u0438\u0441\u0442\u043e\u0440\u0438\u044f \u043e \u0432\u043d\u0435\u0434\u0440\u0435\u043d\u0438\u0438 \u0434\u0430\u043d\u043d\u043e\u0439 \u0444\u0438\u0447\u0438 \u043d\u0430\u0447\u0430\u043b\u0430\u0441\u044c \u043f\u043e\u0441\u043b\u0435 \u0442\u043e\u0433\u043e, \u043a\u0430\u043a \u043e\u0434\u0438\u043d \u0438\u0437 \u0437\u0430\u043a\u0430\u0437\u0447\u0438\u043a\u043e\u0432 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u043e\u0433\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u043f\u043e\u043f\u0440\u043e\u0441\u0438\u043b \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c \u0442\u0430\u043a\u0443\u044e \u0432\u0435\u0449\u044c, \u0432\u0435\u0434\u044c \u0435\u043c\u0443 \u043e\u0447\u0435\u043d\u044c \u043f\u043e\u043d\u0440\u0430\u0432\u0438\u043b\u043e\u0441\u044c, \u043a\u0430\u043a \u044d\u0442\u043e \u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u0432 \u0434\u0440\u0443\u0433\u0438\u0445 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f\u0445.\u0421\u043a\u0430\u0436\u0443 \u0441\u0440\u0430\u0437\u0443, \u0432 \u0435\u0433\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438 \u044f \u0435\u0449\u0435 \u043d\u0435 \u0432\u043d\u0435\u0434\u0440\u0438\u043b App Intro, \u043d\u043e \u0443\u0436\u0435 \u0440\u0430\u0437\u043e\u0431\u0440\u0430\u043b\u0441\u044f \u043a\u0430\u043a \u044d\u0442\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0431\u044b\u0441\u0442\u0440\u043e \u0438 \u0431\u0435\u0437\u0431\u043e\u043b\u0435\u0437\u043d\u0435\u043d\u043d\u043e.<\/p>\n<p>  \u042f \u043d\u0430\u0447\u0430\u043b \u0438\u0441\u043a\u0430\u0442\u044c \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0443 \u043d\u0430 GitHub, \u043f\u043e\u0434\u0440\u0430\u0437\u0443\u043c\u0435\u0432\u0430\u044f, \u0447\u0442\u043e \u043a\u0442\u043e-\u0442\u043e \u0442\u043e\u0447\u043d\u043e \u0442\u0430\u043a\u043e\u0435 \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u044b\u0432\u0430\u043b \u0438 \u0441\u0434\u0435\u043b\u0430\u043b \u043d\u0435\u0447\u0442\u043e \u043f\u043e\u0434\u043e\u0431\u043d\u043e\u0435 \u0438 \u043c\u043d\u0435 \u043d\u0443\u0436\u043d\u043e \u0432 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043a\u043b\u0438\u043a\u043e\u0432 \u043f\u043e\u043c\u0435\u043d\u044f\u0442\u044c \u0433\u0440\u0430\u0444\u0438\u043a\u0443, \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0441\u043b\u0430\u0439\u0434\u043e\u0432 \u0438 \u043f\u0440\u043e\u0441\u0442\u043e \u043d\u0435\u043c\u043d\u043e\u0433\u043e \u043f\u043e\u0434\u0448\u0430\u043c\u0430\u043d\u0438\u0442\u044c \u043f\u043e\u0434 \u0441\u0432\u043e\u0438 \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f. <\/p>\n<p>  \u041f\u043e\u0442\u0440\u0430\u0442\u0438\u0432 \u043d\u0435 \u0442\u0430\u043a \u043c\u043d\u043e\u0433\u043e \u0432\u0440\u0435\u043c\u0435\u043d\u0438, \u043a\u0430\u043a \u044f \u0438 \u043e\u0436\u0438\u0434\u0430\u043b \u2014 \u044f \u043d\u0430\u0448\u0435\u043b, \u0442\u043e \u0447\u0442\u043e \u043c\u043d\u0435 \u043d\u0443\u0436\u043d\u043e <a href=\"https:\/\/github.com\/PaoloRotolo\/AppIntro\">\u0437\u0434\u0435\u0441\u044c<\/a>.<\/p>\n<p>  \u041f\u043e\u0447\u0438\u0442\u0430\u0432, \u043d\u0435\u043c\u043d\u043e\u0433\u043e \u00ababout\u00bb \u044f \u043d\u0430\u0448\u0435\u043b \u0441\u0430\u043c\u044b\u0439 \u043e\u043f\u0442\u0438\u043c\u0430\u043b\u044c\u043d\u044b\u0439 \u0432\u0430\u0440\u0438\u0430\u043d\u0442 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u044d\u0442\u043e\u0439 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438. \u0412\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0443\u0433\u043b\u0443\u0431\u0438\u0442\u044c\u0441\u044f \u0438 \u043d\u0430\u0441\u0442\u0440\u043e\u0438\u0442\u044c \u0432\u0441\u0435 \u043f\u043e\u0434 \u0441\u0432\u043e\u0438 \u043d\u0443\u0436\u0434\u044b. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0434\u0430\u043d\u043d\u0443\u044e \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0443 \u0441 Fragments \u0438\u043b\u0438 \u043f\u0440\u043e\u0441\u0442\u043e \u0441 Activity, \u0438\u0437\u043c\u0435\u043d\u0438\u0442\u044c \u0432\u0438\u0434 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438, \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u044c \u0432\u0438\u0431\u0440\u0430\u0446\u0438\u044e \u043f\u0440\u0438 \u0441\u0432\u0430\u0439\u043f\u0435 \u0438 \u043c\u043d\u043e\u0433\u043e\u0435 \u0434\u0440\u0443\u0433\u043e\u0435. \u042f \u0436\u0435 \u0440\u0430\u0441\u0441\u043a\u0430\u0436\u0443 \u0438 \u043f\u043e\u043a\u0430\u0436\u0443 \u0441\u0430\u043c\u044b\u0439 \u043c\u0438\u043d\u0438\u043c\u0430\u043b\u044c\u043d\u044b\u0439 \u0432\u0430\u0440\u0438\u0430\u043d\u0442 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438.<\/p>\n<p>  <i>\u0418\u0442\u0430\u043a, \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044e \u0432\u044b\u0434\u0435\u043b\u044e \u0432 \u0441\u0435\u043c\u044c \u043f\u0443\u043d\u043a\u0442\u043e\u0432, \u0434\u043b\u044f \u0443\u0434\u043e\u0431\u043d\u043e\u0439 \u0438 \u043f\u043e\u043d\u044f\u0442\u043d\u043e\u0439 \u0447\u0438\u0442\u0430\u0431\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u0438, \u0430 \u0442\u0430\u043a\u0436\u0435 \u0433\u043b\u0430\u0432\u043d\u044b\u0435 \u0430\u0441\u043f\u0435\u043a\u0442\u044b \u0432\u044b\u0434\u0435\u043b\u044e \u0436\u0438\u0440\u043d\u044b\u043c \u0448\u0440\u0438\u0444\u0442\u043e\u043c:<\/i><\/p>\n<p>  1) <b>\u0414\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u0432 build.grade<\/b> (\u043d\u0438\u0437\u0448\u0435\u0433\u043e \u0443\u0440\u043e\u0432\u043d\u044f) \u0441\u0432\u043e\u0435\u0433\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438:<\/p>\n<p>  <code> repositories {     mavenCentral() }  dependencies {   compile 'com.github.paolorotolo:appintro:3.3.0' } <\/code><\/p>\n<p>  2) \u0421\u043e\u0437\u0434\u0430\u0435\u043c \u0430\u043a\u0442\u0438\u0432\u0438\u0442\u0438 <b>SampleSlide.java<\/b>: <\/p>\n<pre><code class=\"java\">public class SampleSlide extends Fragment {      private static final String ARG_LAYOUT_RES_ID = &quot;layoutResId&quot;;      public static SampleSlide newInstance(int layoutResId) {         SampleSlide sampleSlide = new SampleSlide();          Bundle args = new Bundle();         args.putInt(ARG_LAYOUT_RES_ID, layoutResId);         sampleSlide.setArguments(args);          return sampleSlide;     }      private int layoutResId;      public SampleSlide() {}      @Override     public void onCreate(@Nullable Bundle savedInstanceState) {         super.onCreate(savedInstanceState);          if(getArguments() != null && getArguments().containsKey(ARG_LAYOUT_RES_ID))             layoutResId = getArguments().getInt(ARG_LAYOUT_RES_ID);     }      @Nullable     @Override     public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {         return inflater.inflate(layoutResId, container, false);     }  }  <\/code><\/pre>\n<p>  3) \u0421\u043e\u0437\u0434\u0430\u0435\u043c \u0430\u043a\u0442\u0438\u0432\u0438\u0442\u0438 <b>CustomIntro.java<\/b>:<\/p>\n<pre><code class=\"java\"> public class CustomIntro extends AppIntro2 {     @Override     public void init(Bundle savedInstanceState) {  \/\/ \u0417\u0434\u0435\u0441\u044c \u0443\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0441\u043b\u0430\u0439\u0434\u043e\u0432, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 \u043d\u0430\u043c \u043d\u0443\u0436\u043d\u043e 3         addSlide(SampleSlide.newInstance(R.layout.intro_1)); \/\/          addSlide(SampleSlide.newInstance(R.layout.intro_2));          addSlide(SampleSlide.newInstance(R.layout.intro_3));      }      private void loadMainActivity(){         Intent intent = new Intent(this, MainActivity.class);         startActivity(intent);     }       @Override     public void onNextPressed() {             \/\/ Do something here     }      @Override     public void onDonePressed() {         finish();     }      @Override     public void onSlideChanged() {             \/\/ Do something here     }  }  <\/code><\/pre>\n<p>  4) <b>\u0412 \u043f\u0430\u043f\u043a\u0435 layout \u0441\u043e\u0437\u0434\u0430\u043c \u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043d\u0443\u0436\u043d\u043e \u043b\u0435\u0439\u0430\u0443\u0442\u043e\u0432<\/b> \u0434\u043b\u044f Intro (\u0435\u0441\u043b\u0438 \u0442\u0440\u0438, \u0442\u043e intro_1.xml, intro_2.xml, intro_3.xml)<br \/>  \u0413\u0434\u0435 \u0438 \u0447\u0442\u043e \u043c\u0435\u043d\u044f\u0442\u044c \u0434\u043b\u044f \u0440\u0430\u0437\u043d\u044b\u0445 layout \u0434\u0443\u043c\u0430\u044e \u0440\u0430\u0437\u0431\u0435\u0440\u0435\u0442\u0435\u0441\u044c \u0441\u0430\u043c\u0438, \u044f \u0434\u0430\u043b \u043f\u0440\u0438\u043c\u0435\u0440 \u043e\u0434\u043d\u043e\u0433\u043e \u0438\u0437 intro.xml<\/p>\n<pre><code class=\"xml\">&lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&gt; &lt;LinearLayout xmlns:android=&quot;http:\/\/schemas.android.com\/apk\/res\/android&quot;               android:orientation=&quot;vertical&quot; android:layout_width=&quot;match_parent&quot;               android:layout_height=&quot;match_parent&quot;               android:background=&quot;#2196F3&quot;               android:layout_weight=&quot;10&quot;               android:id=&quot;@+id\/main&quot;&gt;      &lt;TextView         android:layout_width=&quot;wrap_content&quot;         android:layout_height=&quot;0dp&quot;         android:layout_gravity=&quot;center&quot;         android:gravity=&quot;center&quot;         android:paddingLeft=&quot;32dp&quot;         android:layout_weight=&quot;3&quot;         android:fontFamily=&quot;sans-serif-thin&quot;         android:textColor=&quot;#ffffff&quot;         android:paddingRight=&quot;32dp&quot;         android:textSize=&quot;28sp&quot;         android:text=&quot;\u0414\u043e\u0431\u0440\u043e \u043f\u043e\u0436\u0430\u043b\u043e\u0432\u0430\u0442\u044c&quot;\/&gt;      &lt;LinearLayout         android:layout_width=&quot;fill_parent&quot;         android:layout_height=&quot;0dp&quot;         android:orientation=&quot;vertical&quot;         android:gravity=&quot;center&quot;         android:layout_weight=&quot;5&quot;&gt;          &lt;ImageView             android:layout_width=&quot;wrap_content&quot;             android:layout_height=&quot;wrap_content&quot;             android:layout_gravity=&quot;center&quot;             android:paddingLeft=&quot;16dp&quot;             android:paddingRight=&quot;16dp&quot;             android:src=&quot;@drawable\/welcome_intro&quot;\/&gt;     &lt;\/LinearLayout&gt;     &lt;TextView         android:layout_width=&quot;wrap_content&quot;         android:layout_height=&quot;0dp&quot;         android:layout_weight=&quot;3&quot;         android:layout_gravity=&quot;center&quot;         android:gravity=&quot;center&quot;         android:textColor=&quot;#ffffff&quot;         android:paddingLeft=&quot;64dp&quot;         android:paddingRight=&quot;64dp&quot;         android:textSize=&quot;16sp&quot;         android:text=&quot;\u041f\u0438\u0448\u0438\u0442\u0435 \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u0437\u0434\u0435\u0441\u044c&quot;\/&gt;     &lt;TextView         android:layout_width=&quot;fill_parent&quot;         android:layout_height=&quot;64dp&quot; \/&gt; &lt;\/LinearLayout&gt;  <\/code><\/pre>\n<p>  5)<b> \u0412 MainActivity.java \u043f\u0438\u0448\u0435\u043c \u0441\u043b\u0435\u0434\u0443\u0449\u0438\u0439 \u043a\u043e\u0434 \u0432 \u043c\u0435\u0442\u043e\u0434\u0435 OnCreate<\/b> \u0434\u043b\u044f \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f Intro \u043e\u0434\u0438\u043d \u0440\u0430\u0437 \u043f\u0440\u0438 \u043f\u0435\u0440\u0432\u043e\u043c \u0437\u0430\u043f\u0443\u0441\u043a\u0435. \u0414\u0435\u043b\u0430\u0435\u043c \u044d\u0442\u043e \u043f\u0440\u0438 \u043f\u043e\u043c\u043e\u0449\u0438 \u00abthread\u00bb:<\/p>\n<pre><code class=\"java\">\/\/  Declare a new thread to do a preference check         Thread t = new Thread(new Runnable() {             @Override             public void run() {                 SharedPreferences getPrefs = PreferenceManager                         .getDefaultSharedPreferences(getBaseContext());                  boolean isFirstStart = getPrefs.getBoolean(FIRST_START, true);                  if (isFirstStart) {                     Intent i = new Intent(MainActivity.this, CustomIntro.class);                     startActivity(i);                      SharedPreferences.Editor e = getPrefs.edit();                     e.putBoolean(FIRST_START, false);                     e.apply();                 }             }         });          \/\/ Start the thread         t.start();     }  <\/code><\/pre>\n<p>  5) <b>\u0412 Manifest \u0434\u0435\u043a\u043b\u0430\u0440\u0438\u0440\u0443\u0435\u043c \u043d\u0430\u0448\u0435 Activity<\/b>:<\/p>\n<pre><code class=\"xml\">&lt;activity             android:name=&quot;.CustomIntro&quot;             android:label=&quot;@string\/app_name&quot;             android:theme=&quot;@style\/FullscreenTheme&quot;\/&gt; <\/code><\/pre>\n<p>  6) <b>\u0412 styles.xml \u043d\u0435 \u0437\u0430\u0431\u044b\u0432\u0430\u0435\u043c \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0441\u0432\u043e\u044e \u043a\u0430\u0441\u0442\u043e\u043c\u043d\u0443\u044e \u0442\u0435\u043c\u0443<\/b> \u0434\u043b\u044f \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f Intro \u0432 \u043f\u043e\u043b\u043d\u044b\u0439 \u044d\u043a\u0440\u0430\u043d \u0431\u0435\u0437 Toolbar:<\/p>\n<pre><code class=\"xml\">&lt;!-- Fullscreen application theme. --&gt;     &lt;style name=&quot;FullscreenTheme&quot; parent=&quot;Theme.AppCompat.Light.NoActionBar&quot;&gt;         &lt;!-- Customize your theme here. --&gt;         &lt;item name=&quot;colorPrimary&quot;&gt;@color\/colorPrimary&lt;\/item&gt;         &lt;item name=&quot;colorPrimaryDark&quot;&gt;@color\/colorPrimaryDark&lt;\/item&gt;         &lt;item name=&quot;colorAccent&quot;&gt;@color\/colorAccent&lt;\/item&gt;         &lt;item name=&quot;android:windowTranslucentStatus&quot;&gt;true&lt;\/item&gt;     &lt;\/style&gt;  <\/code><\/pre>\n<p>  7) \u0418 \u0441\u0430\u043c\u043e\u0435 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0435\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435, <b>\u0432 \u043f\u0430\u043f\u043a\u0443 drawable \u043a\u043b\u0430\u0434\u0435\u043c \u0442\u0435 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0431\u0443\u0434\u0443\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u043d\u0430 \u044d\u043a\u0440\u0430\u043d\u0430\u0445<\/b>. <\/p>\n<p>  \u0417\u0434\u0435\u0441\u044c \u043c\u043e\u0436\u043d\u043e \u043f\u043e\u044d\u043a\u0441\u043f\u0435\u0440\u0435\u043c\u0435\u043d\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 \u0441 \u0432\u0435\u043a\u0442\u043e\u0440\u043d\u043e\u0439 \u0433\u0440\u0430\u0444\u0438\u043a\u043e\u0439 \u0438\u043b\u0438 \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0435\u0435 \u0431\u043e\u043b\u0435\u0435 \u0438\u0437\u044f\u0449\u043d\u043e\u0439, \u043a\u0430\u043a \u0434\u0435\u043b\u0430\u0435\u0442 Google. \u042f \u043f\u043e\u043b\u043e\u0436\u0438\u043b \u043e\u0431\u044b\u0447\u043d\u044b\u0435 .png \u0444\u0430\u0439\u043b\u044b \u0441 \u0440\u0430\u0437\u0440\u0435\u0448\u0435\u043d\u0438\u0435\u043c 256&#215;256.<\/p>\n<p>  \u0412\u043e\u0442 \u0447\u0442\u043e \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u043e\u0441\u044c \u0443 \u043c\u0435\u043d\u044f: <\/p>\n<p>  <iframe loading=\"lazy\" width=\"420\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/3q3epRwrXTI?feature=oembed\" frameborder=\"0\" allowfullscreen><\/iframe><\/p>\n<p>  P.S. \u041d\u0430\u0434\u0435\u044e\u0441\u044c, \u0434\u0430\u043d\u043d\u0430\u044f \u0441\u0442\u0430\u0442\u044c\u044f \u0431\u0443\u0434\u0435\u0442 \u0432\u0430\u043c \u043f\u043e\u043b\u0435\u0437\u043d\u0430. \u0412 \u043d\u0435\u0439 \u044f \u043d\u0435 \u043f\u0440\u0435\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u043b \u043d\u0438\u043a\u0430\u043a\u0438\u0445 \u043b\u0438\u0447\u043d\u044b\u0445 \u0446\u0435\u043b\u0435\u0439. \u041f\u0440\u043e\u0441\u0442\u043e \u043f\u043e\u0441\u0442\u0430\u0440\u0430\u043b\u0441\u044f \u0438\u0437\u043b\u043e\u0436\u0438\u0442\u044c \u0442\u043e, \u0447\u0442\u043e \u0441\u0430\u043c \u043f\u043e\u043d\u044f\u043b \u043f\u043e\u0440\u0430\u0431\u043e\u0442\u0430\u0432 \u0441 \u0445\u043e\u0440\u043e\u0448\u0435\u0439 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u043e\u0439.               <\/p>\n<div class=\"clear\"><\/div>\n<p> \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b \u0441\u0442\u0430\u0442\u044c\u0438 <a href=\"http:\/\/habrahabr.ru\/post\/273893\/\"> http:\/\/habrahabr.ru\/post\/273893\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>       \u041f\u0440\u0438\u0432\u0435\u0442 \u0432\u0441\u0435\u043c \u043f\u043e\u0441\u0442\u043e\u044f\u043b\u044c\u0446\u0430\u043c \u0445\u0430\u0431\u0440\u0430!<\/p>\n<p>  \u0412 \u044d\u0442\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435 \u0445\u043e\u0442\u0435\u043b \u0431\u044b \u0440\u0430\u0441\u0441\u043a\u0430\u0437\u0430\u0442\u044c \u043e \u0432\u043d\u0435\u0434\u0440\u0435\u043d\u0438\u0438 \u00abOnboarding Experience\u00bb \u0432 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043d\u0430\u0434 \u043a\u043e\u0442\u043e\u0440\u044b\u043c \u0432\u044b \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442\u0435 \u0438\u043b\u0438 \u0441\u043e\u0431\u0438\u0440\u0430\u0435\u0442\u0435\u0441\u044c \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c.<\/p>\n<p>  \u0415\u0441\u043b\u0438, \u043a\u0442\u043e \u0435\u0449\u0435 \u043d\u0435 \u043f\u043e\u043d\u044f\u043b \u00abOnboarding Experience\u00bb \u2014 \u044d\u0442\u043e \u043d\u0435\u0431\u043e\u043b\u044c\u0448\u0430\u044f \u043f\u0440\u0435\u0437\u0435\u043d\u0442\u0430\u0446\u0438\u044f \u0432\u043d\u0443\u0442\u0440\u0438 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442 \u043e \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044f\u0445 \u0432\u0430\u0448\u0435\u0433\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0432 \u0432\u0438\u0434\u0435 \u0442\u0430\u043a\u043e\u0433\u043e \u0441\u0435\u0431\u0435 \u0441\u043b\u0430\u0439\u0434-\u0448\u043e\u0443. \u0422\u0430\u043a\u0443\u044e \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0443 \u0434\u0435\u043c\u043e\u043d\u0441\u0442\u0440\u0430\u0446\u0438\u0438 \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u0430 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u043f\u0440\u0438\u043c\u0435\u043d\u044f\u044e\u0442 \u043c\u043d\u043e\u0433\u0438\u0435 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438, \u0442\u0430\u043a\u0438\u0435 \u043a\u0430\u043a, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 Google.<\/p>\n<p>  \u041f\u0440\u0438\u043c\u0435\u0440 \u00abOnboarding Experience\u00bb \u0432 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438 Google Drive:<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/files\/70c\/b4b\/bab\/70cb4bbabb854830b8a1f5a7e79ea4e8.jpg\" alt=\"image\"\/><\/p>\n<p>  \u0422\u0430\u043a\u0436\u0435, \u00abOnboarding Experience\u00bb \u043d\u0430\u0437\u044b\u0430\u0435\u0442\u0441\u044f \u00abApp Intro\u00bb \u0438\u043b\u0438 \u00abProduct Tour\u00bb. \u0412\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u043d\u0430\u0437\u044b\u0432\u0430\u0442\u044c \u044d\u0442\u043e \u043a\u0430\u043a \u0445\u043e\u0442\u0438\u0442\u0435, \u0432\u0435\u0434\u044c \u0441\u0443\u0442\u044c \u0435\u0433\u043e \u043d\u0435 \u043c\u0435\u043d\u044f\u0435\u0442\u0441\u044f.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-271018","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/271018","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=271018"}],"version-history":[{"count":0,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/271018\/revisions"}],"wp:attachment":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=271018"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=271018"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=271018"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}