0

現在の状況: ボタンと 2 つのビューを含むビューを含むモジュールをビルドします。

  function moreButtonView(){
var self=Ti.UI.createView({
    height:350,
    top:-322,
    width:Ti.UI.FILL

});
var info=Ti.UI.createView({
    height:322,
    width:Ti.UI.FILL,
    top:0,
    backgroundColor:'#bbbbbb'

});
var infoShadow=Ti.UI.createView({
    height:322,
    width:Ti.UI.FILL,
    top:3,
    backgroundColor:'#000000',
    opacity:0.3

});

var btn= Ti.UI.createButton({
    backgroundImage:'/images/controls/pulldown_btn.png',
    bottom:0,
    left:10,
    height:28,
    width:49
})
self.add(infoShadow);
self.add(info);

self.add(btn);

Ti.API.info('bg-pulldow= '+ self.getBackgroundImage());
return self;
}
module.exports=moreButtonView;

それをapp.jsに含めた後、そのビューのスライドアウトまたはスライドインをアニメーション化するイベントハンドラをapp.jsに追加しました。ボタンを押すと、ビューがアニメーション化され、上からスライドインします。動作します。

しかし、どうすれば「infoshadow」の不透明度にアクセスできますか?

私は（まだ）javascriptに堪能ではありません。誰かが私にそれを説明できればうれしいです.

ありがとう、ヤン

4

1 に答える 1

1

commonjs モジュールで:

self.setShadowOpacity = function(opacity){
     infoShadow.opacity = opacity;
};

app.js で

instanceNameOfYourModule.setShadowOpacity(0.5);
于 2013-07-12T13:06:43.937 に答える