私は Sencha Touch 2 の新しい開発者で、提供されている MVC アーキテクチャを使用して最初のアプリケーションを作成しようとしています。ページ間を移動するときに、ツールバー/タイトルバーのテキストが重なる問題が見つかりました。これらのスクリーンショットを見てください。
何が起こっているのかよくわかりません。アプリケーション間を移動するために animateActiveItem とルーティング メソッドを使用しています。
Users.js コントローラ ファイル、ログイン メソッド
// Ajax code here, not included here
// on ajax success:
this.redirectTo("login");
Routes.js コントローラー ファイル
routeLoginPage: function() {
console.log("routeLoginPage");
Ext.Viewport.animateActiveItem({ xtype: "loginpage" }, { type: "slide", direction: "left" });
},
誰かが本当にこのような問題に直面したことがありますか? この問題を 2 日以上解決しようとしていたため、今何をすべきかわかりません。
編集
基本的に、ビューとして定義されたページ間を移動する必要があります。プロパティを含むさまざまなファイルで各ビューを定義します:extend、require、alias、config、および私が定義したメソッド。すべての構成プロパティには、最初の項目としてタイトルバーが添付されています。
ページを変更しようとしているときに、アドレス ハッシュを変更するコントローラー コマンドで別のビューを読み込みます。その後、ルート コントローラーは、別のビューをロードする animateActiveItem メソッドを起動します (以前はエイリアス プロパティによって xtype として定義されていました)。
Sencha Touch の基本を学ぶために、Miami Coder のチュートリアル (miamicoder.com/2012/how-to-create-a-sencha-touch-2-app-part-1/) を使用していました。