{"id":176919,"date":"2013-04-17T12:45:06","date_gmt":"2013-04-17T08:45:06","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=176919"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=176919","title":{"rendered":"\u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u043d\u0435\u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u043e\u0433\u043e \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \u0441 \u043d\u0443\u043b\u044f. \u0427\u0430\u0441\u0442\u044c 2<\/span>"},"content":{"rendered":"
\n

\u0412\u0441\u0442\u0443\u043f\u043b\u0435\u043d\u0438\u0435<\/h4>\n

\u0412\u043d\u043e\u0432\u044c \u043f\u0440\u0438\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e, \u043a\u043e\u043b\u043b\u0435\u0433\u0438.<\/p>\n

\u0412 \u0441\u0432\u043e\u0435\u0439 \u043f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0435\u0439<\/a> \u0441\u0442\u0430\u0442\u044c\u0435 \u044f \u0440\u0430\u0441\u0441\u043a\u0430\u0437\u0430\u043b \u043e\u0431 \u043e\u0441\u043d\u043e\u0432\u0430\u0445 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u043a\u0430\u0441\u0442\u043e\u043c\u043d\u043e\u0433\u043e \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \u043d\u0430 \u043f\u0440\u0438\u043c\u0435\u0440\u0435 \u043f\u0440\u043e\u0441\u0442\u0435\u043d\u044c\u043a\u043e\u0439, \u043d\u043e \u0441\u0438\u043c\u043f\u0430\u0442\u0438\u0447\u043d\u043e\u0439 \u0444\u043e\u0440\u0442\u0435\u043f\u0438\u0430\u043d\u043d\u043e\u0439 \u043a\u043b\u0430\u0432\u0438\u0430\u0442\u0443\u0440\u044b.<\/p>\n

<\/p>\n

\u0412 \u044d\u0442\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435 \u043f\u043e\u0434 \u043a\u0430\u0442\u043e\u043c \u043c\u044b \u043f\u0440\u043e\u0434\u043e\u043b\u0436\u0438\u043c \u043d\u0430\u043a\u0440\u0443\u0447\u0438\u0432\u0430\u0442\u044c \u0441\u0432\u0438\u0441\u0442\u0435\u043b\u043a\u0438 \u0438…<\/s> \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438 \u043d\u0430\u0448\u0435\u0439 \u043a\u043b\u0430\u0432\u0438\u0430\u0442\u0443\u0440\u0435. \u041d\u0430 \u043f\u043e\u0432\u0435\u0441\u0442\u043a\u0435 \u0434\u043d\u044f:<\/p>\n

    \n
  1. \u0421\u043e\u0445\u0440\u0430\u043d\u0435\u043d\u0438\u0435 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044f \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \u043f\u0440\u0438 \u043f\u043e\u0432\u043e\u0440\u043e\u0442\u0435 \u044d\u043a\u0440\u0430\u043d\u0430<\/li>\n
  2. \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u043f\u043e\u0434\u0441\u0432\u0435\u0442\u043a\u0438 \u043f\u0440\u0438 \u043e\u0432\u0435\u0440\u0441\u043a\u0440\u043e\u043b\u043b\u0435<\/li>\n
  3. \u043f\u0435\u0440\u0435\u0434\u0430\u0447\u0430 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u043e\u0432 \u0432 XML<\/li>\n
  4. \u041c\u0443\u043b\u044c\u0442\u0438\u0442\u0430\u0447 \u0437\u0443\u043c\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435<\/li>\n<\/ol>\n

    <\/a><\/p>\n

    \u0421\u043e\u0445\u0440\u0430\u043d\u0435\u043d\u0438\u0435 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044f \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \u043f\u0440\u0438 \u043f\u043e\u0432\u043e\u0440\u043e\u0442\u0435 \u044d\u043a\u0440\u0430\u043d\u0430<\/h4>\n

    \u0421\u0435\u0439\u0447\u0430\u0441 \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u043e\u0431\u043d\u0430\u0440\u0443\u0436\u0438\u0442\u044c \u0442\u0430\u043a\u043e\u0435 \u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u0443 \u043d\u0430\u0448\u0435\u0433\u043e \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430. \u0415\u0441\u043b\u0438 \u043c\u044b \u043f\u0440\u043e\u0441\u043a\u0440\u043e\u043b\u043b\u0438\u043c \u043d\u0430 \u043b\u044e\u0431\u0443\u044e \u043f\u043e\u0437\u0438\u0446\u0438\u044e, \u0437\u0430\u0442\u0435\u043c \u043f\u043e\u0432\u0435\u0440\u043d\u0435\u043c \u044d\u043a\u0440\u0430\u043d, \u0441\u043a\u0440\u043e\u043b\u043b \u0431\u0443\u0434\u0435\u0442 \u043d\u0430 \u043d\u0443\u043b\u0435. \u041e\u0447\u0435\u0432\u0438\u0434\u043d\u043e, \u044d\u0442\u043e \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442 \u043f\u043e\u0442\u043e\u043c\u0443, \u0447\u0442\u043e \u043f\u0440\u0438 \u043f\u043e\u0432\u043e\u0440\u043e\u0442\u0435 \u044d\u043a\u0440\u0430\u043d\u0430 Activity \u043f\u0435\u0440\u0435\u0441\u043e\u0437\u0434\u0430\u0435\u0442\u0441\u044f, \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e, \u043f\u0435\u0440\u0435\u0441\u043e\u0437\u0434\u0430\u0435\u0442\u0441\u044f \u0438 View.
    \u041f\u0435\u0440\u0432\u043e\u0435, \u0447\u0442\u043e \u0437\u0434\u0435\u0441\u044c \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442 \u043d\u0430 \u0443\u043c, \u044d\u0442\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043c\u0435\u0442\u043e\u0434 onSaveInstanceState()<\/code> \u043d\u0430\u0448\u0435\u0439 \u0430\u043a\u0442\u0438\u0432\u0438\u0442\u0438, \u0432\u044b\u0442\u044f\u043d\u0443\u0442\u044c \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u0441\u043a\u0440\u043e\u043b\u043b\u0430 \u0438\u0437 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \u0438 \u0441\u043e\u0445\u0440\u0430\u043d\u0438\u0442\u044c, \u0430 \u043f\u043e\u0437\u0436\u0435, \u043f\u0440\u0438 \u043f\u043e\u0432\u0442\u043e\u0440\u043d\u043e\u043c \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0438, \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u044c \u0441\u043a\u0440\u043e\u043b\u043b \u0432 \u043d\u0430\u0448 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442. \u0418 \u044d\u0442\u043e \u0431\u0443\u0434\u0435\u0442 \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c, \u043d\u043e \u044d\u0442\u043e \u0441 \u0442\u0440\u0443\u0434\u043e\u043c \u043c\u043e\u0436\u043d\u043e \u043d\u0430\u0437\u0432\u0430\u0442\u044c \u0432\u0435\u0440\u043d\u044b\u043c \u043f\u043e\u0434\u0445\u043e\u0434\u043e\u043c. \u041f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u0438\u043c, \u0447\u0442\u043e \u0443 \u043d\u0430\u0441 \u043d\u0435 \u043e\u0434\u0438\u043d \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043d\u0443\u0436\u043d\u043e \u0441\u043e\u0445\u0440\u0430\u043d\u0438\u0442\u044c, \u0430 \u0434\u0435\u0441\u044f\u0442\u044c, \u0438\u043b\u0438 \u043d\u0435 \u043e\u0434\u0438\u043d \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442, \u0430 \u0434\u0435\u0441\u044f\u0442\u044c\u2026 \u0441 \u0434\u0435\u0441\u044f\u0442\u044c\u044e \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0430\u043c\u0438.
    \u041a \u0441\u0447\u0430\u0441\u0442\u044c\u044e, \u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u0438\u0435 \u043c\u0435\u0445\u0430\u043d\u0438\u0437\u043c\u044b Android \u0443\u0436\u0435 \u043f\u0440\u0435\u0434\u0443\u0441\u043c\u0430\u0442\u0440\u0438\u0432\u0430\u044e\u0442 \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u043e\u0435 \u0441\u043e\u0445\u0440\u0430\u043d\u0435\u043d\u0438\u0435 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435 \u0432\u0441\u0435\u0445 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432, \u0438\u043c\u0435\u044e\u0449\u0438\u0445 \u0438\u0434\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0442\u043e\u0440. \u0412\u0435\u0434\u044c \u0432\u0430\u043c \u0436\u0435 \u043d\u0435 \u043d\u0430\u0434\u043e \u043d\u0438\u0447\u0435\u0433\u043e \u0434\u0435\u043b\u0430\u0442\u044c, \u0447\u0442\u043e\u0431\u044b \u0441\u043e\u0445\u0440\u0430\u043d\u0438\u043b\u0441\u044f \u0441\u043a\u0440\u043e\u043b\u043b \u0443 ListView \u043f\u0440\u0438 \u043f\u043e\u0432\u043e\u0440\u043e\u0442\u0435, \u0432\u0435\u0440\u043d\u043e? \u0412\u043e\u0442 \u0438 \u043c\u044b \u0432\u043e\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u0441\u044f \u0442\u0435\u043c, \u0447\u0442\u043e \u0443\u0436\u0435 \u0435\u0441\u0442\u044c \u0432\u043e View \u0438 \u0431\u0443\u0434\u0435\u043c \u0443\u043f\u0440\u0430\u0432\u043b\u044f\u0442\u044c \u0441\u043e\u0445\u0440\u0430\u043d\u0435\u043d\u0438\u0435\u043c \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \u0438\u0437\u043d\u0443\u0442\u0440\u0438, \u0430 \u043d\u0435 \u0441\u043d\u0430\u0440\u0443\u0436\u0438.
    \u0410 \u0434\u0435\u043b\u0430\u0435\u0442\u0441\u044f \u044d\u0442\u043e \u0443\u0434\u0438\u0432\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u043f\u0440\u043e\u0441\u0442\u043e. \u041d\u0430\u043c \u043d\u0430\u0434\u043e \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u044c \u043c\u0435\u0442\u043e\u0434\u044b \u043a\u043b\u0430\u0441\u0441\u0430 View onSaveInstanceState()<\/code> \u0438 onRestoreInstanceState(Parcelable state)<\/code>. \u041e\u0434\u043d\u0430\u043a\u043e, \u0442\u0443\u0442 \u0435\u0441\u0442\u044c \u043c\u0430\u043b\u0435\u043d\u044c\u043a\u043e\u0435 \u043e\u0442\u043b\u0438\u0447\u0438\u0435 \u043e\u0442 \u0430\u043d\u0430\u043b\u043e\u0433\u043e\u0432 \u0432 \u0430\u043a\u0442\u0438\u0432\u0438\u0442\u0438. \u0422\u0430\u043c \u043c\u044b \u0438\u043c\u0435\u0435\u043c \u0434\u0435\u043b\u043e \u0441 Bundle<\/code>, \u0437\u0434\u0435\u0441\u044c \u0443 \u043d\u0430\u0441 Parcelable. \u041d\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0441\u0432\u043e\u0439 \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 Parcelable \u043a\u043b\u0430\u0441\u0441, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u043e \u0434\u043e\u043b\u0436\u0435\u043d \u0431\u044b\u0442\u044c \u043d\u0430\u0441\u043b\u0435\u0434\u043d\u0438\u043a\u043e\u043c android.view.View.BaseSavedState<\/code>.<\/p>\n

    public static class SavedState extends BaseSavedState {  \tint xOffset; \tint instrumentWidth;  \/\/ \u0417\u0430\u0447\u0435\u043c \u044f \u0441\u043e\u0445\u0440\u0430\u043d\u044f\u044e \u044d\u0442\u043e \u043f\u043e\u043b\u0435 \u0441\u0442\u0430\u043d\u0435\u0442 \u043f\u043e\u043d\u044f\u0442\u043d\u043e \u0447\u0443\u0442\u044c \u043d\u0438\u0436\u0435 :)  \tSavedState(Parcelable superState) { \t    super(superState); \t}  \t@Override \tpublic void writeToParcel(Parcel out, int flags) { \t      super.writeToParcel(out, flags); \t      out.writeInt(xOffset); \t      out.writeInt(instrumentWidth); \t}  \tpublic static final Parcelable.Creator<SavedState> CREATOR = new Parcelable.Creator<SavedState>() { \t    public SavedState createFromParcel(Parcel in) { \t\treturn new SavedState(in); \t    }  \t    public SavedState[] newArray(int size) { \t        return new SavedState[size]; \t    } \t};  \tprivate SavedState(Parcel in) { \t      super(in); \t      xOffset = in.readInt(); \t      instrumentWidth = in.readInt(); \t}  } <\/code><\/pre>\n
      \u0412\u043e\u0442 \u0442\u0430\u043a \u043e\u043d \u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u0432 \u043d\u0430\u0448\u0435\u043c \u0441\u043b\u0443\u0447\u0430\u0435. \u0422\u0435\u043f\u0435\u0440\u044c \u043e\u0441\u0442\u0430\u043b\u043e\u0441\u044c \u0442\u043e\u043b\u044c\u043a\u043e \u0435\u0433\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c:<\/p>\n
    @Override protected Parcelable onSaveInstanceState() { \tSavedState st = new SavedState(super.onSaveInstanceState());  \tst.xOffset = xOffset; \tst.instrumentWidth  = xOffset; \treturn st; }  protected void onRestoreInstanceState(Parcelable state) {   if (!(state instanceof SavedState)) {     super.onRestoreInstanceState(state);     return;   }    SavedState ss = (SavedState) state;   super.onRestoreInstanceState(ss.getSuperState());    xOffset = ss.xOffset;   xOffset = ss.instrumentWidth; }; <\/code><\/pre>\n
      \u0413\u043e\u0442\u043e\u0432\u043e. \u0415\u0441\u043b\u0438 \u0432\u044b \u0442\u0435\u043f\u0435\u0440\u044c \u043f\u043e\u0432\u0435\u0440\u043d\u0435\u0442\u0435 \u044d\u043a\u0440\u0430\u043d, \u0441\u043a\u0440\u043e\u043b\u043b \u043d\u0435 \u043f\u043e\u0442\u0435\u0440\u044f\u0435\u0442\u0441\u044f. \u041d\u043e \u0435\u0441\u0442\u044c \u0435\u0449\u0435 \u043e\u0434\u043d\u0430 \u043c\u0430\u043b\u0435\u043d\u044c\u043a\u0430\u044f \u043a\u043e\u0441\u043c\u0435\u0442\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u0434\u0435\u0442\u0430\u043b\u044c, \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u044f \u0431\u044b \u0434\u043e\u0431\u0430\u0432\u0438\u043b. \u0412 \u043d\u0430\u0448\u0435\u043c \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0435 \u043f\u0440\u0438 \u043f\u043e\u0432\u043e\u0440\u043e\u0442\u0435 \u0435\u0441\u0442\u044c \u0431\u043e\u043b\u044c\u0448\u0430\u044f \u0432\u0435\u0440\u043e\u044f\u0442\u043d\u043e\u0441\u0442\u044c, \u0447\u0442\u043e \u0448\u0438\u0440\u0438\u043d\u0430 \u043a\u043b\u0430\u0432\u0438\u0430\u0442\u0443\u0440\u044b \u0438\u0437\u043c\u0435\u043d\u0438\u0442\u0441\u044f, \u0442\u0430\u043a \u043a\u0430\u043a \u0443 \u043d\u0430\u0441 \u0438\u0437\u043c\u0435\u043d\u0438\u0442\u0441\u044f \u0435\u0433\u043e \u0432\u044b\u0441\u043e\u0442\u0430 (\u043c\u0435\u043d\u044c\u0448\u0435 \u0432 \u043b\u0430\u043d\u0434\u0448\u0430\u0444\u043d\u043e\u043c \u0440\u0435\u0436\u0438\u043c\u0435), \u043a\u043b\u0430\u0432\u0438\u0448\u0438 \u0441\u0442\u0430\u043d\u0443\u0442 \u0443\u0436\u0435 \u0438\u043b\u0438 \u0448\u0438\u0440\u0435. \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u043d\u0430\u0448\u0443 \u0441\u0442\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0443\u044e \u0432\u0435\u043b\u0438\u0447\u0438\u043d\u0443 xOffset, \u0437\u0430\u0433\u0440\u0443\u0436\u0435\u043d\u043d\u0443\u044e \u043f\u043e\u0441\u043b\u0435 \u043f\u0435\u0440\u0435\u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f, \u043d\u0443\u0436\u043d\u043e \u043f\u043e\u0434\u043a\u043e\u0440\u0440\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c. \u0414\u0435\u043b\u0430\u0435\u0442\u0441\u044f \u044d\u0442\u043e \u043e\u0447\u0435\u043d\u044c \u043f\u0440\u043e\u0441\u0442\u043e. \u0412\u043e-\u043f\u0435\u0440\u0432\u044b\u0445, \u0431\u0443\u0434\u0435\u043c \u0441\u043e\u0445\u0440\u0430\u043d\u044f\u0442\u044c \u0441\u0442\u0430\u0440\u0443\u044e \u0448\u0438\u0440\u0438\u043d\u0443 \u043d\u0430\u0448\u0435\u0439 \u043a\u043b\u0430\u0432\u0438\u0430\u0442\u0443\u0440\u044b \u043f\u0440\u0438 \u043f\u0435\u0440\u0435\u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0438. \u0418\u043c\u0435\u043d\u043d\u043e \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0432 \u043a\u043e\u0434\u0435 \u0432\u044b\u0448\u0435 \u044f \u0442\u0430\u043a\u0436\u0435 \u0441\u043e\u0445\u0440\u0430\u043d\u044f\u044e \u043f\u043e\u043b\u0435 instrumentWidth \u0432 \u043d\u0430\u0448\u0435\u043c SavedState.
      \u0412 \u043d\u0430\u0448\u0435\u043c onDraw() \u0442\u0430\u043c, \u0433\u0434\u0435 \u043c\u044b \u0438\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0438\u0440\u0443\u0435\u043c \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u043f\u043e\u0441\u043b\u0435 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u0435\u0433\u043e \u0440\u0430\u0437\u043c\u0435\u0440\u043e\u0432, \u0434\u043e\u0431\u0430\u0432\u0438\u043c \u0442\u0430\u043a\u0438\u0435 \u043c\u043e\u0434\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0438:<\/p>\n
    if (measurementChanged) {         measurementChanged = false; \tkeyboard.initializeInstrument(getMeasuredHeight(), getContext());  \tfloat oldInstrumentWidth = instrumentWidth; \tinstrumentWidth = keyboard.getWidth();  \tfloat ratio = (float) instrumentWidth \/ oldInstrumentWidth; \/\/ \u0420\u0430\u0441\u0441\u0447\u0438\u0442\u044b\u0432\u0430\u0435\u043c \u043e\u0442\u043d\u043e\u0448\u0435\u043d\u0438\u0435 \u043d\u043e\u0432\u043e\u0439 \u0434\u043b\u0438\u043d\u044b \u043a \u0441\u0442\u0430\u0440\u043e\u0439 \u0438 \u0432\u044b\u0440\u0430\u0432\u043d\u0438\u0432\u0430\u0435\u043c \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \txOffset = (int) (xOffset * ratio); } <\/code><\/pre>\n
      \u0422\u0435\u043f\u0435\u0440\u044c \u0435\u0441\u043b\u0438 \u043d\u0430\u0448 \u0441\u043a\u0440\u043e\u043b\u043b \u0434\u043e \u043f\u043e\u0432\u043e\u0440\u043e\u0442\u0430 \u0431\u044b\u043b, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043d\u0430 \u043d\u0430\u0447\u0430\u043b\u0435 \u0432\u0442\u043e\u0440\u043e\u0439 \u043e\u043a\u0442\u0430\u0432\u044b, \u043e\u043d \u0442\u0430\u043c \u0438 \u043e\u0441\u0442\u0430\u043d\u0435\u0442\u0441\u044f \u043f\u043e\u0441\u043b\u0435 \u043f\u043e\u0432\u043e\u0440\u043e\u0442\u0430.
      \u0418\u0442\u0430\u043a, \u043c\u044b \u0443\u0441\u043f\u0435\u0448\u043d\u043e \u0441\u043e\u0445\u0440\u0430\u043d\u044f\u0435\u043c \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435 \u043d\u0430\u0448\u0435\u0433\u043e \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \u043f\u0440\u0438 \u043f\u043e\u0432\u043e\u0440\u043e\u0442\u0435. \u0422\u0435\u043f\u0435\u0440\u044c \u0434\u043e\u0431\u0430\u0432\u0438\u043c \u0435\u0449\u0435 \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u043e\u0439 \u043a\u0440\u0430\u0441\u043e\u0442\u044b, \u0430 \u0438\u043c\u0435\u043d\u043d\u043e \u044d\u0444\u0444\u0435\u043a\u0442 \u0441\u0432\u0435\u0447\u0435\u043d\u0438\u044f \u043f\u043e \u0431\u043e\u043a\u0430\u043c \u043f\u0440\u0438 \u0434\u043e\u0441\u0442\u0438\u0436\u0435\u043d\u0438\u0438 \u0441\u043a\u0440\u043e\u043b\u043b\u043e\u043c \u043a\u043e\u043d\u0446\u0430 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0430.<\/p>\n
    \u042d\u0444\u0444\u0435\u043a\u0442 \u0441\u0432\u0435\u0447\u0435\u043d\u0438\u044f \u0434\u043b\u044f \u043e\u0432\u0435\u0440\u0441\u043a\u0440\u043e\u043b\u043b\u0430<\/h4>\n
      \u041a\u0430\u043a \u0438 \u0441\u043b\u0435\u0434\u043e\u0432\u0430\u043b\u043e \u043e\u0436\u0438\u0434\u0430\u0442\u044c, \u0434\u043b\u044f \u043d\u0430\u0441 \u0443\u0436\u0435 \u0441\u0434\u0435\u043b\u0430\u043d \u0433\u043e\u0442\u043e\u0432\u044b\u0439 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u044d\u0442\u0438 \u0441\u0430\u043c\u044b\u0435 \u043a\u0440\u0430\u044f \u0443\u043c\u0435\u0435\u0442 \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e \u0440\u0438\u0441\u043e\u0432\u0430\u0442\u044c, \u043d\u0430\u043c \u0436\u0435 \u043d\u0443\u0436\u043d\u043e \u0435\u0433\u043e \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e \u0432\u043e\u0442\u043a\u043d\u0443\u0442\u044c \u0438 \u0432\u0443\u0430\u043b\u044f. \u042d\u0442\u043e\u0442 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u043d\u0430\u0437\u044b\u0432\u0430\u0435\u0442\u0441\u044f EdgeEffect<\/a>. \u041d\u043e \u043c\u044b \u0435\u0433\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043d\u0435 \u0431\u0443\u0434\u0435\u043c, \u0442. \u043a. \u043e\u043d \u043f\u043e\u044f\u0432\u0438\u043b\u0441\u044f \u0442\u043e\u043b\u044c\u043a\u043e \u0432 ICS. \u041c\u044b \u0436\u0435 \u0432\u043e\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u0441\u044f \u043a\u043b\u0430\u0441\u0441\u043e\u043c EdgeEffectCompat<\/a>, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0434\u043e\u0441\u0442\u0443\u043f\u0435\u043d compatibility library \u0438 \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u043e\u0431\u0435\u0440\u0442\u043a\u043e\u0439 \u043d\u0430\u0434 EdgeEffect. \u041a \u0441\u043e\u0436\u0430\u043b\u0435\u043d\u0438\u044e, \u044d\u0442\u043e \u043e\u0437\u043d\u0430\u0447\u0430\u0435\u0442, \u0447\u0442\u043e \u0432 \u0432\u0435\u0440\u0441\u0438\u044f\u0445, \u0433\u0434\u0435 \u044d\u0444\u0444\u0435\u043a\u0442 \u043d\u0435 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442\u0441\u044f, \u044d\u0442\u043e\u0442 \u043a\u043b\u0430\u0441\u0441 \u0431\u0443\u0434\u0435\u0442 \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0442\u044c \u0440\u043e\u043b\u044c \u043f\u0440\u043e\u0441\u0442\u043e\u0439 \u0437\u0430\u0433\u043b\u0443\u0448\u043a\u0438 \u0438 \u043d\u0438\u0447\u0435\u0433\u043e \u043d\u0435 \u0431\u0443\u0434\u0435\u0442 \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442\u044c.
      \u0418\u0442\u0430\u043a, \u043d\u0430\u043c \u043f\u043e\u043d\u0430\u0434\u043e\u0431\u0438\u0442\u0441\u044f \u0434\u0432\u0430 \u044d\u043a\u0437\u0435\u043c\u043f\u043b\u044f\u0440\u0430 \u2014 \u0434\u043b\u044f \u043b\u0435\u0432\u043e\u0433\u043e \u0438 \u043f\u0440\u0430\u0432\u043e\u0433\u043e \u043a\u0440\u0430\u044f.<\/p>\n
    private EdgeEffectCompat leftEdgeEffect; private EdgeEffectCompat rightEdgeEffect; <\/code><\/pre>\n
      \u0418\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0438\u0440\u0443\u044e\u0442\u0441\u044f \u043e\u043d\u0438 \u043f\u0440\u043e\u0441\u0442\u044b\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c \u0432 activity.<\/p>\n
      \u0422\u0435\u043f\u0435\u0440\u044c, \u043e\u0442\u0440\u0438\u0441\u043e\u0432\u043a\u0430. \u041a\u0430\u043a \u0438 \u0441\u043a\u0440\u043e\u043b\u043b\u0431\u0430\u0440\u044b, \u0440\u0438\u0441\u0443\u0435\u0442\u0441\u044f \u044d\u0444\u0444\u0435\u043a\u0442 \u043f\u043e\u0432\u0435\u0440\u0445 \u0432\u0441\u0435\u0433\u043e \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0430, \u043f\u043e\u044d\u0442\u043e\u043c\u0443, \u0440\u0430\u0437\u0443\u043c\u043d\u043e \u0432\u044b\u043d\u0435\u0441\u0442\u0438 \u0435\u0433\u043e \u0432 \u043c\u0435\u0442\u043e\u0434 draw(). \u0422\u0443\u0442 \u044f \u0447\u0435\u0441\u0442\u043d\u043e \u043f\u0440\u0438\u0437\u043d\u0430\u044e\u0441\u044c, \u0447\u0442\u043e \u0442\u043e, \u0447\u0442\u043e \u0438\u0434\u0435\u0442 \u0434\u0430\u043b\u044c\u0448\u0435 \u0441\u0434\u0435\u043b\u0430\u043d\u043e \u043f\u043e \u0430\u043d\u0430\u043b\u043e\u0433\u0438\u0438 \u0441 \u0442\u0435\u043c, \u043a\u0430\u043a \u044d\u0442\u043e \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u043d\u043e \u0432 \u043a\u043b\u0430\u0441\u0441\u0435 ViewPager. \u0412 \u043e\u0431\u0449\u0435\u043c-\u0442\u043e, \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u0441 \u0442\u043e\u0447\u043d\u043e \u0442\u0430\u043a\u0438\u043c \u0436\u0435 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u043e\u043c \u043d\u0430\u0440\u0438\u0441\u043e\u0432\u0430\u0442\u044c \u044d\u0444\u0444\u0435\u043a\u0442 \u0438 \u0432 onDraw, \u043d\u043e, \u0432 \u043e\u0431\u0449\u0435\u043c-\u0442\u043e, \u044d\u0442\u043e \u043d\u0430 \u043c\u043e\u0439 \u0432\u0437\u0433\u043b\u044f\u0434 \u0434\u0430\u0436\u0435 \u043a\u0440\u0430\u0441\u0438\u0432\u0435\u0435, \u0442. \u043a. \u0432 onDraw \u043c\u044b \u0440\u0438\u0441\u0443\u0435\u043c \u0441\u0432\u043e\u0435, \u0432 draw \u2014 \u0441\u0438\u0441\u0442\u0435\u043c\u043d\u044b\u0435 \u044d\u0444\u0444\u0435\u043a\u0442\u044b.<\/p>\n
    public void draw(Canvas canvas) { \tsuper.draw(canvas); \tboolean needsInvalidate = false;  \tfinal int overScrollMode = ViewCompat.getOverScrollMode(this); \tif (overScrollMode == ViewCompat.OVER_SCROLL_ALWAYS \t\t|| (overScrollMode == ViewCompat.OVER_SCROLL_IF_CONTENT_SCROLLS)) { \t    if (!leftEdgeEffect.isFinished()) { \t\tfinal int restoreCount = canvas.save(); \t\tfinal int height = getHeight() - getPaddingTop() - getPaddingBottom(); \t\tfinal int width = getWidth();  \t\tcanvas.rotate(270); \t\tcanvas.translate(-height + getPaddingTop(), 0); \t\tleftEdgeEffect.setSize(height, width); \t\tneedsInvalidate |= leftEdgeEffect.draw(canvas); \t\tcanvas.restoreToCount(restoreCount); \t    } \t    if (!rightEdgeEffect.isFinished()) { \t\tfinal int restoreCount = canvas.save(); \t\tfinal int width = getWidth(); \t\tfinal int height = getHeight() - getPaddingTop() - getPaddingBottom();  \t\tcanvas.rotate(90); \t\tcanvas.translate(-getPaddingTop(), -width); \t\trightEdgeEffect.setSize(height, width); \t\tneedsInvalidate |= rightEdgeEffect.draw(canvas); \t\tcanvas.restoreToCount(restoreCount); \t    } \t} else { \t    leftEdgeEffect.finish(); \t    rightEdgeEffect.finish(); \t}  \tif (needsInvalidate) { \t    ViewCompat.postInvalidateOnAnimation(this); \t} } <\/code><\/pre>\n
      \u0418\u0442\u0430\u043a, \u0447\u0442\u043e \u0437\u0434\u0435\u0441\u044c \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442. \u0421\u043d\u0430\u0447\u0430\u043b\u0430 \u043c\u044b \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u043c, \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442 \u043b\u0438 \u043d\u0430\u0448 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u043e\u0432\u0435\u0440\u0441\u043a\u0440\u043e\u043b\u043b, \u0438, \u0435\u0441\u043b\u0438 \u0434\u0430, \u0440\u0438\u0441\u0443\u0435\u043c \u043f\u043e\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u043d\u043e \u043e\u0431\u0430 \u044d\u0444\u0444\u0435\u043a\u0442\u0430. \u0414\u0435\u043b\u043e \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e EdgeEffect \u043d\u0435 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442 \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f, \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u043c \u043e\u043d \u0440\u0438\u0441\u0443\u0435\u0442\u0441\u044f, \u043f\u043e\u044d\u0442\u043e\u043c\u0443, \u0447\u0442\u043e\u0431\u044b \u043a\u043e\u0440\u0440\u0435\u043a\u0442\u043d\u043e \u043e\u0442\u043e\u0431\u0440\u0430\u0437\u0438\u0442\u044c \u044d\u0444\u0444\u0435\u043a\u0442 \u0441\u043b\u0435\u0432\u0430 \u0438\u043b\u0438 \u0441\u043f\u0440\u0430\u0432\u0430, \u043d\u0430\u043c \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u044b\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c \u043f\u043e\u0432\u0435\u0440\u043d\u0443\u0442\u044c \u043d\u0430\u0448\u0443 \u043a\u0430\u043d\u0432\u0443.<\/p>\n
    if (!leftEdgeEffect.isFinished()) {     final int restoreCount = canvas.save();     final int height = getHeight() - getPaddingTop() - getPaddingBottom();     final int width = getWidth();      canvas.rotate(270);     canvas.translate(-height + getPaddingTop(), 0);     leftEdgeEffect.setSize(height, width);     needsInvalidate |= leftEdgeEffect.draw(canvas);     canvas.restoreToCount(restoreCount); } <\/code><\/pre>\n
      \u0417\u0434\u0435\u0441\u044c \u043c\u044b \u043f\u043e\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u043d\u043e:  <\/p>\n
      \n
    1. \u0421\u043e\u0445\u0440\u0430\u043d\u044f\u0435\u043c \u043a\u0430\u043d\u0432\u0443, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044f canvas.save()<\/li>\n
    2. \u0432\u044b\u0447\u0438\u0441\u043b\u044f\u0435\u043c \u0435\u0435 \u0432\u044b\u0441\u043e\u0442\u0443 \u043c\u0438\u043d\u0443\u0441 \u043f\u0430\u0434\u0434\u0438\u043d\u0433\u0438 \u0438 \u0432\u044b\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u043c \u0440\u0430\u0437\u043c\u0435\u0440 \u044d\u0444\u0444\u0435\u043a\u0442\u0430 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044f \u043c\u0435\u0442\u043e\u0434 leftEdgeEffect.setSize(height, width);<\/li>\n
    3. \u041f\u043e\u0432\u043e\u0440\u0430\u0447\u0438\u0432\u0430\u0435\u043c \u043a\u0430\u043d\u0432\u0443 \u043d\u0430 270 \u0433\u0440\u0430\u0434\u0443\u0441\u043e\u0432 \u0438 \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e \u0435\u0435 \u043f\u043e\u0437\u0438\u0446\u0438\u043e\u043d\u0438\u0440\u0443\u0435\u043c.<\/li>\n<\/ol>\n
        \u042f \u0445\u043e\u0447\u0443 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u044d\u0442\u043e \u0431\u043e\u043b\u0435\u0435 \u043d\u0430\u0433\u043b\u044f\u0434\u043d\u043e. \u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u0443\u0431\u0435\u0440\u0435\u043c \u0442\u0440\u0430\u043d\u0441\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0438 \u043a\u0430\u043d\u0432\u044b:<\/p>\n
        <\/p>\n
        \u0432\u043e\u0442 \u0442\u0430\u043a \u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u044d\u0444\u0444\u0435\u043a\u0442 \u043f\u043e-\u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e. \u0412\u0441\u0435\u0433\u0434\u0430 \u0432\u043d\u0438\u0437. \u0415\u0441\u043b\u0438 \u043c\u044b \u0434\u043e\u0431\u0430\u0432\u0438\u043c \u0442\u043e\u043b\u044c\u043a\u043e \u043f\u043e\u0432\u043e\u0440\u043e\u0442 \u043d\u0430 270, \u043c\u044b \u0443\u0432\u0438\u0434\u0438\u043c, \u0447\u0442\u043e \u044d\u0444\u0444\u0435\u043a\u0442 \u0440\u0438\u0441\u0443\u0435\u0442\u0441\u044f \u0432 \u0432\u0435\u0440\u043d\u043e\u043c \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0438, \u043d\u043e \u0432 \u0441\u0430\u043c\u043e\u043c \u0432\u0435\u0440\u0445\u043d\u0435\u043c \u0443\u0433\u043b\u0443 \u043a\u0430\u043d\u0432\u044b. <\/p>\n
        <\/p>\n
        \u0418 \u043b\u0438\u0448\u044c \u043f\u043e\u0441\u043b\u0435 \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0441\u043c\u0435\u0449\u0435\u043d\u0438\u044f \u043a\u0430\u043d\u0432\u044b \u043c\u044b \u0432\u0438\u0434\u0438\u043c, \u0447\u0442\u043e \u044d\u0444\u0444\u0435\u043a\u0442 \u043d\u0430 \u043c\u0435\u0441\u0442\u0435. <\/p>\n
        <\/p>\n
        \u041d\u043e \u044d\u0442\u043e \u044f \u0437\u0430\u0431\u0435\u0436\u0430\u043b \u0432\u043f\u0435\u0440\u0435\u0434, \u0442. \u043a. \u043f\u043e\u043a\u0430 \u0443 \u043d\u0430\u0441 \u044d\u0444\u0444\u0435\u043a\u0442 \u0445\u043e\u0442\u044c \u0438 \u0440\u0438\u0441\u0443\u0435\u0442\u0441\u044f, \u043d\u043e \u043e\u043d \u043d\u0435 \u0430\u043a\u0442\u0438\u0432\u0438\u0440\u0443\u0435\u0442\u0441\u044f \u043f\u0440\u0438 \u0441\u043a\u0440\u043e\u043b\u043b\u0435.
        \u0412\u043e\u0442 \u0437\u0434\u0435\u0441\u044c \u043d\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u0432\u0435\u0440\u043d\u0443\u0442\u044c\u0441\u044f \u043a \u043d\u0430\u0448\u0435\u043c\u0443 \u0434\u0435\u0442\u0435\u043a\u0442\u043e\u0440\u0443 \u0436\u0435\u0441\u0442\u043e\u0432 \u0438 \u043c\u043e\u0434\u0438\u0444\u0438\u0446\u0438\u0440\u043e\u0432\u0430\u0442\u044c onScroll.<\/p>\n
      public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) { \t    resetTouchFeedback(); \t    xOffset += distanceX;  \t    if (xOffset < 0) { \t\t  leftEdgeEffect.onPull(distanceX \/ (float) getMeasuredWidth()); \t    } \t    if (xOffset > instrumentWidth - getMeasuredWidth()) { \t\t  rightEdgeEffect.onPull(distanceX \/ (float) getMeasuredWidth()); \t    }  \t    if (!awakenScrollBars()) { \t\t  invalidate(); \t    }  \t    return true; } <\/code><\/pre>\n
        \u0412\u043e-\u043f\u0435\u0440\u0432\u044b\u0445, \u043c\u044b \u043f\u0435\u0440\u0435\u0441\u0442\u0430\u043b\u0438 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0438\u0432\u0430\u0442\u044c xOffset \u0433\u0440\u0430\u043d\u0438\u0446\u0430\u043c\u0438, \u043a\u0430\u043a \u043c\u044b \u0434\u0435\u043b\u0430\u043b\u0438 \u0440\u0430\u043d\u044c\u0448\u0435, \u043f\u043b\u044e\u0441, \u043c\u044b \u0432\u044b\u0437\u044b\u0432\u0430\u0435\u043c \u043c\u0435\u0442\u043e\u0434 onPull \u0443 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0435\u0433\u043e \u044d\u0444\u0444\u0435\u043a\u0442\u0430.
        \u0412\u0430\u0436\u043d\u043e \u0442\u0443\u0442 \u043e\u0442\u043c\u0435\u0442\u0438\u0442\u044c, \u0447\u0442\u043e \u0440\u0430\u0437 \u043c\u044b \u043f\u0435\u0440\u0435\u0441\u0442\u0430\u043b\u0438 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0438\u0432\u0430\u0442\u044c \u0437\u0434\u0435\u0441\u044c \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u0443\u044e xOffset, \u043d\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u0434\u0435\u043b\u0430\u0442\u044c \u044d\u0442\u043e \u0432 \u0434\u0440\u0443\u0433\u0438\u0445 \u043c\u0435\u0441\u0442\u0430\u0445, \u0433\u0434\u0435 \u044d\u0442\u043e \u043c\u043e\u0436\u0435\u0442 \u0432\u044b\u0437\u0432\u0430\u0442\u044c \u043e\u0448\u0438\u0431\u043a\u0443, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 \u0432 \u043c\u0435\u0442\u043e\u0434\u0435 onDraw \u0438 computeHorizontalScrollOffset(). \u0412\u043e\u0437\u043c\u043e\u0436\u043d\u043e, \u0435\u0441\u0442\u044c \u0431\u043e\u043b\u0435\u0435 \u043a\u0440\u0430\u0441\u0438\u0432\u044b\u0439 \u0441\u043f\u043e\u0441\u043e\u0431 \u0434\u0435\u043b\u0430\u0442\u044c \u044d\u0442\u043e, \u043d\u043e \u043c\u043d\u0435 \u043e\u043d \u043f\u043e\u043a\u0430 \u043d\u0435 \u043f\u0440\u0438\u0448\u0435\u043b \u0432 \u0433\u043e\u043b\u043e\u0432\u0443.
        \u041f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0439 \u0448\u0442\u0440\u0438\u0445, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043c\u044b \u0445\u043e\u0442\u0438\u043c \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u2014 \u044d\u0442\u043e \u043f\u043e\u0433\u043b\u043e\u0449\u0435\u043d\u0438\u0435 \u0441\u043a\u043e\u0440\u043e\u0441\u0442\u0438 \u043f\u0440\u043e\u043a\u0440\u0443\u0442\u043a\u0438 \u043f\u0440\u0438 \u0434\u043e\u0441\u0442\u0438\u0436\u0435\u043d\u0438\u0438 \u043a\u0440\u0430\u044f \u043d\u0430\u0448\u0438\u043c \u0441\u0432\u0435\u0447\u0435\u043d\u0438\u0435\u043c. \u0414\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u0434\u043e\u0431\u0430\u0432\u0438\u043c \u0432 \u043d\u0430\u0448 onDraw<\/code> \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u043a\u043e\u0434:<\/p>\n
      if (scroller.isOverScrolled()) { \t    if (xOffset < 0) { \t\t  leftEdgeEffect.onAbsorb(getCurrentVelocity()); \t    } else { \t\t  rightEdgeEffect.onAbsorb(getCurrentVelocity()); \t    } }  \/\/ ...  @TargetApi(Build.VERSION_CODES.ICE_CREAM_SANDWICH) private int getCurrentVelocity() {     if (Build.VERSION.SDK_INT > Build.VERSION_CODES.ICE_CREAM_SANDWICH) {           return (int) scroller.getCurrVelocity();     }     return 0; } <\/code><\/pre>\n
        \u041a \u0441\u043e\u0436\u0430\u043b\u0435\u043d\u0438\u044e, \u043c\u0435\u0442\u043e\u0434 Scroller.getCurrVelocity()<\/code> \u0434\u043e\u0441\u0442\u0443\u043f\u0435\u043d \u043d\u0430\u043c \u0442\u043e\u043b\u044c\u043a\u043e \u043d\u0430\u0447\u0438\u043d\u0430\u044f \u0441 ICS, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u044f \u043f\u043e\u043c\u0435\u0442\u0438\u043b \u043c\u0435\u0442\u043e\u0434 \u043a\u0430\u043a \u043d\u0430\u0446\u0435\u043b\u0435\u043d\u043d\u044b\u0439 \u043d\u0430 API 14+. \u0414\u0430, \u044d\u0442\u043e \u0434\u0430\u043b\u0435\u043a\u043e \u043e\u0442 \u0438\u0434\u0435\u0430\u043b\u0430, \u043d\u043e, \u043e\u043f\u044f\u0442\u044c \u0436\u0435, \u044d\u0442\u043e \u0442\u043e, \u0447\u0442\u043e \u0443 \u043d\u0430\u0441 \u0435\u0441\u0442\u044c. 
        \u0422\u0435\u043f\u0435\u0440\u044c, \u043f\u0440\u0438 \u043f\u043e\u043f\u044b\u0442\u043a\u0435 \u0441\u043a\u0440\u043e\u043b\u043b\u0438\u043d\u0433\u0430 \u0437\u0430 \u043f\u0440\u0435\u0434\u0435\u043b\u044b View, \u043c\u044b \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u043c \u043a\u0440\u0430\u0441\u0438\u0432\u043e\u0435 \u0441\u0432\u0435\u0447\u0435\u043d\u0438\u0435 \u0432 \u0441\u0442\u0438\u043b\u0435 Holo.<\/p>\n
      \u0414\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u043e\u0432 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \u0432 XML<\/h4>\n
        \u041f\u0435\u0440\u0435\u0434 \u0442\u0435\u043c, \u043a\u0430\u043a \u043f\u0440\u0438\u0441\u0442\u0443\u043f\u0438\u0442\u044c \u043d\u0435\u043f\u043e\u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u043a \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u044e \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u043e\u0432, \u044f \u0434\u043e\u0431\u0430\u0432\u043b\u044e \u043c\u0430\u043b\u0435\u043d\u044c\u043a\u0443\u044e \u0444\u0438\u0447\u0443 \u0432 \u043d\u0430\u0448 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442. \u041f\u0443\u0441\u0442\u044c, \u043f\u0440\u0438 \u043a\u043b\u0438\u043a\u0435 \u043f\u043e \u043a\u043b\u0430\u0432\u0438\u0448\u0435 \u0443 \u043d\u0430\u0441 \u043e\u0442\u043e\u0431\u0440\u0430\u0437\u0438\u0442\u0441\u044f \u043a\u0440\u0443\u0436\u043e\u0447\u0435\u043a \u0441 \u0438\u043c\u0435\u043d\u0435\u043c \u044d\u0442\u043e\u0439 \u043d\u043e\u0442\u044b.
        \u0414\u0435\u043b\u0430\u0435\u0442\u0441\u044f \u044d\u0442\u043e \u0442\u0440\u0438\u0432\u0438\u0430\u043b\u044c\u043d\u043e. \u042f \u0437\u0430\u0432\u0435\u043b \u043c\u0430\u0441\u0441\u0438\u0432 \u043e\u0431\u044a\u0435\u043a\u0442\u043e\u0432 Note<\/p>\n
      private ArrayList<Note> notesToDraw = new ArrayList<Note>(); <\/code><\/pre>\n
        \u0438 \u043a\u0430\u0436\u0434\u044b\u0439 \u0440\u0430\u0437, \u043a\u043e\u0433\u0434\u0430 \u043a\u043b\u0438\u043a\u0430\u044e \u043f\u043e \u043a\u043b\u0430\u0432\u0438\u0448\u0435, \u044f \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u044e \u043d\u043e\u0442\u0443 \u043f\u043e \u043c\u0438\u0434\u0438 \u043a\u043e\u0434\u0443 \u043a\u043b\u0430\u0432\u0438\u0448\u0438 \u0438 \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u044e \u0435\u0435 \u0432 \u043c\u0430\u0441\u0441\u0438\u0432. \u041f\u043e\u0434\u0440\u043e\u0431\u043d\u043e \u043a\u0430\u043a \u044d\u0442\u043e \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442 \u043c\u043e\u0436\u043d\u043e \u0443\u0432\u0438\u0434\u0435\u0442\u044c \u0432 \u043a\u043e\u0434\u0435 \u043d\u0430 \u0433\u0438\u0442\u0445\u0430\u0431\u0435. <\/p>\n
        \u0422\u0435\u043f\u0435\u0440\u044c \u0432 \u043a\u043b\u0430\u0441\u0441 Keyboard \u044f \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u044e \u043c\u0435\u0442\u043e\u0434 drawOverlays(ArrayList)<\/p>\n
      public void drawOverlays(ArrayList<Note> notes, Canvas canvas) { \tint firstVisibleKey = getFirstVisibleKey(); \tint lastVisibleKey = getLastVisibleKey();  \tfor (Note note : notes) { \t    int midiCode = note.getMidiCode(); \t    if (midiCode >= firstVisibleKey && midiCode <= lastVisibleKey) { \t\t  drawNoteFromMidi(canvas, note, midiCode, false); \t    } \t} }  private void drawNoteFromMidi(Canvas canvas, Note note, int midiCode, boolean replica) { \tKey key = keysArray[midiCode - Keyboard.START_MIDI_CODE]; \toverlayTextPaint.setColor(circleColor); \tcanvas.drawCircle(key.getOverlayPivotX(), key.getOverlayPivotY(), overlayCircleRadius, overlayTextPaint);  \tString name = note.toString(); \toverlayTextPaint.getTextBounds(name, 0, name.length(), bounds); \tint width = bounds.right - bounds.left; \tint height = bounds.bottom - bounds.top;  \toverlayTextPaint.setColor(Color.BLACK); \tcanvas.drawText(name, key.getOverlayPivotX() - width \/ 2, key.getOverlayPivotY() + height \/ 2, overlayTextPaint); } <\/code><\/pre>\n
        \u2026 \u0438 \u0440\u0438\u0441\u0443\u044e \u043d\u043e\u0442\u0443 \u043a\u0430\u043a \u043a\u0440\u0443\u0436\u043e\u043a \u0438 \u0442\u0435\u043a\u0441\u0442. \u041a\u0430\u043a \u0432\u044b \u043d\u0430\u0432\u0435\u0440\u043d\u043e\u0435 \u0443\u0436\u0435 \u0434\u043e\u0433\u0430\u0434\u0430\u043b\u0438\u0441\u044c, \u044f \u0441\u0434\u0435\u043b\u0430\u043b \u044d\u0442\u043e \u0434\u043b\u044f \u0442\u043e\u0433\u043e, \u0447\u0442\u043e\u0431\u044b \u043c\u044b \u043c\u043e\u0433\u043b\u0438 \u043d\u0430\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0442\u044c \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b \u044d\u0442\u043e\u0433\u043e \u043a\u0440\u0443\u0436\u043a\u0430 \u0438 \u0442\u0435\u043a\u0441\u0442\u0430 \u0447\u0435\u0440\u0435\u0437 XML.<\/p>\n
        \u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u0432\u044b\u043d\u0435\u0441\u0435\u043c \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0443 \u0446\u0432\u0435\u0442\u0430, \u0440\u0430\u0434\u0438\u0443\u0441\u0430 \u043a\u0440\u0443\u0436\u043a\u0430 \u0438 \u0440\u0430\u0437\u043c\u0435\u0440\u0430 \u0442\u0435\u043a\u0441\u0442\u0430 \u0432 XML \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u044b \u043d\u0430\u0448\u0435\u0433\u043e View. \u0414\u043b\u044f \u043d\u0430\u0447\u0430\u043b\u0430, \u043d\u0443\u0436\u043d\u043e \u0438\u0445 \u043e\u0431\u044a\u044f\u0432\u0438\u0442\u044c. \u0414\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u0442\u044d\u0433 <declare-styleable>.<\/p>\n
      <declare-styleable name="PianoView">         <attr name="overlay_color" format="color"><\/attr>         <attr name="overlay_circle_radius" format="dimension"><\/attr>         <attr name="overlay_circle_text_size" format="dimension"><\/attr> <\/declare-styleable> <\/code><\/pre>\n
        \u0434\u043e\u0431\u0430\u0432\u0438\u043c \u044d\u0442\u043e \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u0432 attrs.xml. \u0422\u0435\u043f\u0435\u0440\u044c, \u043c\u044b \u0434\u043e\u043b\u0436\u043d\u044b \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044c \u0438\u0445 \u0432 \u043d\u0430\u0448\u0435\u043c \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0435. \u0412 \u043a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0442\u043e\u0440\u0435 \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u043a\u043e\u0434<\/p>\n
      TypedArray pianoAttrs = context.obtainStyledAttributes(attrs, R.styleable.PianoView);  int circleColor; float circleRadius; float circleTextSize; try { \t    circleColor = pianoAttrs.getColor(R.styleable.PianoView_overlay_color, Color.GREEN); \t    circleRadius = pianoAttrs.getDimension(R.styleable.PianoView_overlay_circle_radius, TypedValue \t\t    .applyDimension(TypedValue.COMPLEX_UNIT_DIP, 24, context.getResources().getDisplayMetrics())); \t    circleTextSize = pianoAttrs.getDimension(R.styleable.PianoView_overlay_circle_text_size, TypedValue \t\t    .applyDimension(TypedValue.COMPLEX_UNIT_SP, 12, context.getResources().getDisplayMetrics())); } finally {     pianoAttrs.recycle(); } <\/code><\/pre>\n
        \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043c\u0435\u0442\u043e\u0434\u0430 getXXX \u043c\u044b \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u043c \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u0430 \u0442\u0438\u043f\u0430 XXX. \u0415\u0441\u043b\u0438 \u0430\u0442\u0440\u0438\u0431\u0443\u0442 \u043e\u0442\u0441\u0443\u0442\u0441\u0432\u0443\u0435\u0442, \u0432\u0442\u043e\u0440\u043e\u0439 \u0430\u0440\u0433\u0443\u043c\u0435\u043d\u0442 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u0442 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u043f\u043e-\u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e.<\/p>\n
        \u041e\u0441\u0442\u0430\u043b\u043e\u0441\u044c \u0442\u0435\u043f\u0435\u0440\u044c \u0443\u043a\u0430\u0437\u0430\u0442\u044c \u0438\u0445 \u0432 \u043d\u0430\u0448\u0435\u0439 \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0435. \u0414\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u0441\u043d\u0430\u0447\u0430\u043b\u0430 \u043d\u0443\u0436\u043d\u043e \u043e\u0431\u044a\u044f\u0432\u0438\u0442\u044c namespace \u0432 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0435: xmlns:piano="http:\/\/schemas.android.com\/apk\/res-auto"<\/code>, \u043f\u043e\u0441\u043b\u0435 \u0447\u0435\u0433\u043e \u043f\u043e\u043b\u0443\u0447\u0438\u043c \u0442\u0430\u043a\u043e\u0439 \u0444\u0430\u0439\u043b \u0441 \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u043e\u0439:<\/p>\n
      <RelativeLayout xmlns:android="http:\/\/schemas.android.com\/apk\/res\/android"     xmlns:piano="http:\/\/schemas.android.com\/apk\/res-auto"     xmlns:tools="http:\/\/schemas.android.com\/tools"     android:layout_width="match_parent"     android:layout_height="match_parent"     tools:context=".PianoDemoActivity" >      <com.evilduck.piano.views.instrument.PianoView         android:id="@+id\/instrument_view"         android:layout_width="match_parent"         android:layout_height="300dip"         piano:overlay_circle_radius="18dip"          piano:overlay_circle_text_size="18sp"         piano:overlay_color="#00FF00" \/>  <\/RelativeLayout> <\/code><\/pre>\n
        \u0422\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u0434\u0435\u043b\u0430\u0442\u044c \u043d\u0430\u0448\u0438 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b \u0442\u0430\u043a\u0438\u043c\u0438 \u0436\u0435 \u0433\u0438\u0431\u043a\u0438\u043c\u0438, \u043a\u0430\u043a \u0438 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u044b\u0435 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u0442\u044b \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u044b.<\/p>\n
      \u041f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430 \u043c\u0443\u043b\u044c\u0442\u0438\u0442\u0430\u0447-\u0437\u0443\u043c\u0430<\/h4>\n
        \u041f\u043e\u0441\u043b\u0435\u0434\u043d\u0435\u0435, \u043e \u0447\u0435\u043c \u044f \u0445\u043e\u0442\u0435\u043b \u0440\u0430\u0441\u0441\u043a\u0430\u0437\u0430\u0442\u044c \u0441\u0435\u0433\u043e\u0434\u043d\u044f, \u044d\u0442\u043e \u0431\u0430\u0437\u043e\u0432\u0430\u044f \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430 \u0437\u0443\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u043f\u0440\u0438 \u043f\u043e\u043c\u043e\u0449\u0438 \u043c\u0443\u043b\u044c\u0442\u0438\u0442\u0430\u0447 \u0436\u0435\u0441\u0442\u0430.
        \u0414\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u044d\u0444\u0444\u0435\u043a\u0442\u0430 \u0437\u0443\u043c\u0430 \u043c\u044b \u0432\u043e\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u0441\u044f \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u043c ScaleGestureDetector<\/a>. \u041e\u043d \u0430\u0431\u0441\u043e\u043b\u044e\u0442\u043d\u043e \u0430\u043d\u0430\u043b\u043e\u0433\u0438\u0447\u0435\u043d GestureDetector \u0432 \u043f\u043b\u0430\u043d\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u0432 \u043a\u043e\u0434\u0435, \u043e\u0442\u043b\u0438\u0447\u0430\u0435\u0442\u0441\u044f, \u0442\u043e\u043b\u044c\u043a\u043e \u043f\u0435\u0440\u0435\u0434\u0430\u0432\u0430\u0435\u043c\u044b\u0439 \u0432 \u043d\u0435\u0433\u043e listener:<\/p>\n
      private OnScaleGestureListener scaleGestureListener = new OnScaleGestureListener() {  \t@Override \tpublic void onScaleEnd(ScaleGestureDetector detector) { \t}  \t@Override \tpublic boolean onScaleBegin(ScaleGestureDetector detector) { \t    return true; \t}  \t@Override \tpublic boolean onScale(ScaleGestureDetector detector) { \t    scaleX *= detector.getScaleFactor(); \t    if (scaleX < 1) { \t\tscaleX = 1; \t    } \t    if (scaleX > 2) { \t\tscaleX = 2; \t    } \t    ViewCompat.postInvalidateOnAnimation(PianoView.this); \t    return true; \t} }; <\/code><\/pre>\n
        \u043c\u044b \u0437\u0430\u0432\u0435\u043b\u0438 \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u0443\u044e scaleX, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0431\u0443\u0434\u0435\u0442 \u0432\u044b\u0440\u0430\u0436\u0430\u0442\u044c \u0443\u0440\u043e\u0432\u0435\u043d\u044c \u043d\u0430\u0448\u0435\u0433\u043e \u0437\u0443\u043c\u0430 \u0438 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0438\u043c \u0435\u0435 1 \u0438 2.
        \u0414\u0440\u0443\u0433\u043e\u0439 \u0432\u043e\u043f\u0440\u043e\u0441, \u043a\u0430\u043a \u043c\u044b \u0431\u0443\u0434\u0435\u043c \u0437\u0443\u043c\u043c\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043d\u0430\u0448\u0443 \u043a\u043b\u0430\u0432\u0438\u0430\u0442\u0443\u0440\u0443. \u0414\u043b\u044f \u044d\u0442\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0438 \u044f \u0432\u044b\u0431\u0440\u0430\u043b \u043d\u0430\u0438\u043f\u0440\u043e\u0441\u0442\u0435\u0439\u0448\u0438\u0439 \u0432\u0430\u0440\u0438\u0430\u043d\u0442 \u2014 \u043f\u0440\u043e\u0441\u0442\u043e \u043f\u0440\u0435\u043e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u0442\u044c \u043a\u0430\u043d\u0432\u0443. \u0414\u0430, \u044d\u0442\u043e \u043d\u0435 \u0438\u0434\u0435\u0430\u043b\u044c\u043d\u043e, \u0438 \u043f\u0440\u0438\u0432\u0435\u0434\u0435\u0442 \u043a \u0438\u0441\u043a\u0430\u0436\u0435\u043d\u0438\u044e \u0440\u0438\u0441\u0443\u043d\u043a\u0430. \u041f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e \u2014 \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f scaleX \u0443\u0432\u0435\u043b\u0438\u0447\u0438\u0432\u0430\u0442\u044c \u0448\u0438\u0440\u0438\u043d\u0443 \u043a\u043b\u0430\u0432\u0438\u0448, \u0440\u0430\u0434\u0438\u0443\u0441 \u043a\u0440\u0443\u0436\u043a\u043e\u0432 \u0438 \u0442\u0435\u043a\u0441\u0442\u0430. \u042d\u0442\u043e \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u0447\u043d\u043e \u0438\u043c\u0435\u043d\u043d\u043e \u0434\u043b\u044f \u043c\u043e\u0435\u0439 \u0437\u0430\u0434\u0430\u0447\u0438 \u0438 \u043d\u0435 \u0438\u043c\u0435\u0435\u0442 \u043e\u0442\u043d\u043e\u0448\u0435\u043d\u0438\u044f \u043a \u0437\u0443\u043c\u0443 \u0432 \u0446\u0435\u043b\u043e\u043c. \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u043c\u044b \u043f\u0440\u043e\u0441\u0442\u043e \u043e\u0442\u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u0443\u0435\u043c \u043a\u0430\u043d\u0432\u0443:<\/p>\n
      canvas.save(); \/\/ \u0437\u0430\u0434\u0430\u0435\u043c \u043c\u0430\u0441\u0448\u0442\u0430\u0431 \u043a\u0430\u043d\u0432\u044b canvas.scale(scaleX, 1.0f); canvas.translate(-localXOffset, 0);  keyboard.updateBounds(localXOffset, canvasWidth + localXOffset); keyboard.draw(canvas);  if (!notesToDraw.isEmpty()) {     keyboard.drawOverlays(notesToDraw, canvas); }  canvas.restore(); <\/code><\/pre>\n
        \u0413\u043e\u0442\u043e\u0432\u043e, \u0435\u0441\u043b\u0438 \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0440\u0430\u0437\u0434\u0432\u0438\u0433\u0430\u044e\u0449\u0438\u0439 \u0436\u0435\u0441\u0442 \u043f\u0430\u043b\u044c\u0446\u0430\u043c\u0438, \u043c\u044b \u0443\u0432\u0438\u0434\u0438\u043c, \u043a\u0430\u043a \u043a\u043b\u0430\u0432\u0438\u0430\u0442\u0443\u0440\u0430 \u0440\u0430\u0441\u0442\u0435\u0442 \u0432 \u0448\u0438\u0440\u0438\u043d\u0443:<\/p>\n
        <\/p>\n
      \u0417\u0430\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435<\/h4>\n
        \u0412\u043e\u0442 \u0438 \u043f\u043e\u0434\u043e\u0448\u043b\u0430 \u043a \u043a\u043e\u043d\u0446\u0443 \u0432\u0442\u043e\u0440\u0430\u044f \u0447\u0430\u0441\u0442\u044c \u043c\u043e\u0435\u0433\u043e \u0446\u0438\u043a\u043b\u0430 \u0441\u0442\u0430\u0442\u0435\u0439. \u042f \u043d\u0430\u0434\u0435\u044e\u0441\u044c, \u0447\u0442\u043e \u044d\u0442\u043e \u043f\u043e\u043c\u043e\u0436\u0435\u0442 \u043a\u043e\u043c\u0443-\u0442\u043e \u0431\u044b\u0441\u0442\u0440\u0435\u0435 \u0440\u0430\u0437\u043e\u0431\u0440\u0430\u0442\u044c\u0441\u044f \u0432 \u0442\u043e\u043d\u043a\u043e\u0441\u0442\u044f\u0445 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u043a\u0430\u0441\u0442\u043e\u043c\u043d\u044b\u0445 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432 \u0438 \u0443\u043b\u0443\u0447\u0448\u0438\u0442\u044c \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u043e \u0441\u0432\u043e\u0438\u0445 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432.
        \u0413\u043e\u0442\u043e\u0432\u044b\u0439 \u043f\u0440\u0438\u043c\u0435\u0440 \u043f\u043e-\u043f\u0440\u0435\u0436\u043d\u0435\u043c\u0443 \u0434\u043e\u0441\u0442\u0443\u043f\u0435\u043d \u043d\u0430 \u043c\u043e\u0435\u043c \u0433\u0438\u0442\u0445\u0430\u0431\u0435:       goo.gl\/VDeuw<\/a>.
        \u0422\u0430\u043a\u0436\u0435, \u0432\u0441\u044f\u0447\u0435\u0441\u043a\u0438 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u044e \u043e\u0437\u043d\u0430\u043a\u043e\u043c\u0438\u0442\u044c\u0441\u044f \u0441 \u044d\u0442\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435\u0439 \u0438\u0437 \u043e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0439 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0438:
              developer.android.com\/training\/gestures\/index.html<\/a>
        \u0412 \u0442\u0440\u0435\u0442\u044c\u0435\u0439 \u0441\u0442\u0430\u0442\u044c\u0435 \u043f\u043e\u0441\u0442\u0430\u0440\u0430\u044e\u0441\u044c \u043e\u0441\u0432\u0435\u0442\u0438\u0442\u044c \u0432\u043e\u043f\u0440\u043e\u0441\u044b \u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u0438, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u0431\u0438\u0442\u043c\u0430\u043f\u043e\u0432 \u0432\u043c\u0435\u0441\u0442\u043e \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u043d\u043e\u0433\u043e \u0440\u0438\u0441\u043e\u0432\u0430\u043d\u0438\u044f \u0442\u0435\u043a\u0441\u0442\u0430, \u043a\u0440\u0443\u0436\u043a\u043e\u0432, \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c, \u043a\u0430\u043a\u0438\u0435 \u0432\u043e\u0437\u043d\u0438\u043a\u0430\u044e\u0442 \u043f\u0435\u0440\u0435\u0440\u0438\u0441\u043e\u0432\u043a\u0438 \u043f\u0438\u043a\u0441\u0435\u043b\u0435\u0439 \u0432 \u043d\u0430\u0448\u0435\u043c \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0435, \u0438 \u043a\u0430\u043a \u043c\u043e\u0436\u043d\u043e \u043e\u0442 \u043d\u0438\u0445 \u0438\u0437\u0431\u0430\u0432\u0438\u0442\u044c\u0441\u044f.    \t \t\t \t\t\t \t<\/p>\n
      \n
      \n
      \u041d\u0443\u0436\u043d\u0430 \u0442\u0440\u0435\u0442\u044c\u044f \u0447\u0430\u0441\u0442\u044c?<\/div>\n
        \t\t \t\t  \t\t<\/p>\n\n\n\n
       \t\t\t\t\t \t\t\t\t<\/td>\n \t\t\t\t\t
       \t\t\t\t\t \t\t\t\t<\/td>\n \t\t\t\t\t