Question

我正在使用appcelerator构建应用。如果设备处于横向模式或纵向模式，我想自动调整布局。所以经过研究后，我下载了一个插件＆＃34; com.jasonkneen.dynamicTSS＆＃34;实现动态TSS。

所以这是我的代码：

<View class="container">
        <View id="logoImage" class="images"></View> 
        <Widget src="com.jasonkneen.dynamicTSS"/>

        <Label id="loginLable"
            class="loginLable">Accedi</Label>

        <View id="viewText" class="viewTextLogin">
            <TextField id="username" class="textLogin" hintText="Insert username"></TextField>
            <Widget src="com.jasonkneen.dynamicTSS"/>
            <TextField id="password" class="textLogin" hintText="Insert password" 
            passwordMask="true"></TextField>
            <Widget src="com.jasonkneen.dynamicTSS"/>
        </View>
</View>

这是我的login.tss文件

".images":{
    top:"5px",
    backgroundImage : "/images/logo.png",
    landscape: {        
        width : "60%",
        height: "55px"
    },
    portrait: {     
        width : "90%",
        height: "62px"
    }
}

    ".textLogin":{
        top : 20,   
        backgroundColor : "#c9c9c9",
        borderRadius : 10,
        borderWidth : 1,
        borderColor : "#fff",
        color : "#fff", 
        font : {
                fontFamily : 'Roboto-Regular',
                fontSize : "14pt",
                fontWeight : "Regular"
        }, 
        paddingLeft : 10,
        landscape: {        
           height : "30%",
           width: '10%',
        },
        portrait: {     
           height : "12%",
           width: '90%',
        }
    }

    ".viewTextLogin":{
        height:Ti.UI.Fill,
        landscape: {        
           layout:"horizontal"
        },
        portrait: {     
           layout:"vertical"
        }
    }

现在对象＆＃34; logoImage＆＃34;如果我尝试更改设备的方向，是正确的。但是视图＆＃34; viewText＆＃34;如果我让设备处于纵向模式，我可以看到：

如果我将横向模式设置为我的设备，我可以看到：

我如何解决问题？

如何在Dynamic TSS Widget中在appcelerator中应用动态TSS

0 个答案: