0

Titanium アプリケーションで再利用したいボタンのコントローラーを作成しました。ウィンドウの 1 つで createController を使用し、それをウィンドウに追加します。ここまでは順調ですね。

ただし、ボタンの高さがウィンドウ全体に相当するようで、これを変更する方法が見つかりません。私は何が欠けていますか？私のファイルの下：

view button.xml:

<Alloy>
    <View id="generalButtonContainer">
        <View id="generalButton" class="generalButton" onClick="callback" >
            <Label class="generalButtonLabel" id="generalButtonLabel" />
            <ImageView class="generalButtonIcon" />
        </View>
    </View>
</Alloy>

button.tss:

".generalButton": {
    height: 60,
    borderRadius: 2,
    backgroundColor: '#5ba7e6',
    left: 10,
    right: 10
}

".generalButtonLabel": {
    color: '#ffffff',
    font: {
        fontSize: 16
    },
    left: 15
}


".generalButtonIcon": {
    image: '/images/generic/arrow-thin-right-white.png',
    height: 15,
    width: 15,
    top: 22,
    right: 15
}
"#generalButtonContainer": {
    width: 320,
    height: Ti.UI.SIZE
}

そして、ここでそれを親ウィンドウに含めます

Alloy.createController('button',{text: 'signup.button.continue'});
$.signupButtonContainer.add(buttonView.getView());

そして今、高さを指定しても（親ウィンドウでもsignupButtonContainer: Ti.UI.SIZE）、ウィンドウ全体の高さのビューが表示されます。

この問題を解決するにはどうすればよいですか?

編集: 不足している情報がある場合は、質問してください! 多くの情報を含む複雑な質問

4

1 に答える 1

1

明らかなものは何も見えません。これらのレイアウトの問題をデバッグするには、試行錯誤が必要になる場合があります。2つの戦術を提案します。

1) Resources/ platform /alloy/controllers/ controller .js で生成されたコードをチェックして、明らかな何かがあるかどうかを確認します。明示的な値なしで表示されるコンポーネントについては、さまざまなレイアウト コンポーネントのデフォルトの高さ/幅に注意してください。

2) レイアウトの変更をすばやく確認できるように、LiveView または TiShadow を使用することをお勧めします。次に、さまざまな要素の背景色を明白な色 (ピンク、オレンジ、緑などの文字列がうまく機能します) に設定して、どの要素が画面を埋め尽くしているかを確認します。

于 2014-08-28T18:45:24.820 に答える