Appcelerator Titanium 안드로이드 로그인 및 탭으로 이동

안녕하세요, 안드로이드 시스템을 사용하는 응용 프로그램을 만들고 탭이있는 창으로 갈 수있는 올바른 자격 증명을 가지고 로그인해야합니다.Appcelerator Titanium 안드로이드 로그인 및 탭으로 이동

app.js의 인증을 위해이 코드를 사용했지만 현재는 제대로 작동하지만 탭 구조를 만들지 못했습니다.

var win = Ti.UI.createWindow({ 
    backgroundColor: '#096594', 
    title: 'ACCESS CONFIG', 
    layout:'vertical', 
    navBarHidden:true, 
    fullscreen:false, 
    exitOnClose:true 
}); 

var my_navbar = Ti.UI.createLabel({ 
    height:20, 
    backgroundColor:'#989898', 
    color:'#fff', 
    text:' ACCESS CONFIG', 
    top:0, 
    width:'100%', 
    font:{fontSize:11,fontWeight:'normal'}, 
    marginleft:10 
}); 
win.add(my_navbar); 

win.add(Ti.UI.createLabel({ 
    top:10, 
    height:15, 
    left:10, 
    right:5, 
    color:'#fff', 
    textAlign:'left', 
    text:'Usuario: [Userid]', 
    font:{fontSize:12}, 
    bottom:5 
})); 

var txtUserid = Ti.UI.createTextField({ 
    value:'1', 
    hintText:'user ID', 
    height:35, 
    left:5, 
    right:5, 
    font:{fontSize:12}, 
    color:'#a2a2a2', 
    borderStyle:Ti.UI.INPUT_BORDERSTYLE_ROUNDED 
}); 
win.add(txtUserid); 

win.add(Ti.UI.createLabel({ 
    top:2, 
    height:17, 
    left:10, 
    right:5, 
    color:'#fff', 
    textAlign:'left', 
    text:'Name: [Login]', 
    font:{fontSize:12}, 
    bottom:5 
})); 

var txtLogin = Ti.UI.createTextField({ 
    value:'M', 
    hintText:'Username', 
    height:35, 
    left:5, 
    right:5, 
    font:{fontSize:12}, 
    color:'#a2a2a2', 
    borderStyle:Ti.UI.INPUT_BORDERSTYLE_ROUNDED 
}); 
win.add(txtLogin); 

win.add(Ti.UI.createLabel({ 
    top:2, 
    height:17, 
    left:10, 
    right:5, 
    color:'#fff', 
    textAlign:'left', 
    text:'Password: [Password]', 
    font:{fontSize:12}, 
    bottom:5 
})); 

var txtPassword = Ti.UI.createTextField({ 
    value:'111', 
    hintText:'Contraseña', 
    passwordMask:true, 
    height:35, 
    left:5, 
    right:5, 
    font:{fontSize:12}, 
    color:'#a2a2a2', 
    borderStyle:Ti.UI.INPUT_BORDERSTYLE_ROUNDED 
}); 
win.add(txtPassword); 

win.add(Ti.UI.createLabel({ 
    top:10, 
    height:0, 
    left:5, 
    right:5, 
    color:'#000', 
    textAlign:'left', 
    text:'Authentication Url:', 
    font:{fontSize:18} 
    })); 

var txtUrl = Ti.UI.createTextField({ 
    value:'http://', 
    hintText:'Url to connect with data', 
    height:0, left:5, right:5, 
    borderStyle:Ti.UI.INPUT_BORDERSTYLE_ROUNDED 
}); 
win.add(txtUrl); 


var yesButton = Ti.UI.createButton({ 
    title:'Connect with DATA', 
    top:5, 
    height:37, 
    left:85, 
    right:85, 
    color:'#fff', 
    backgroundColor:'#406a83', 
    borderColor:'#688a9d', 
    borderWidth:1, 
    borderRadius:5, 
    borderStyle:Ti.UI.INPUT_BORDERSTYLE_BEZEL 
}); 
win.add(yesButton); 


yesButton.addEventListener('click', clickYesButton); 

function clickYesButton(e) { 
    var button = e.source; 
    var xhr=Titanium.Network.createHTTPClient(); 
    xhr.onerror = function(e){alert('Error: '+e.error);}; 
    xhr.onload = function() {alert(this.responseText);}; 
    xhr.open("POST",txtUrl.value);//ADD your URL 
    var param={"userid":txtUserid.value,"login":txtLogin.value,"password":txtPassword.value}; 
    Ti.API.info('Params'+JSON.stringify(param)); 
    xhr.send(param); 
} 

win.open();

출처

2014-02-10 Jotace

새 프로젝트 옵션에서 기본 탭 응용 프로그램을 만들 수 있습니다. 이것은 탭 응용 프로그램이 어떻게 구성되는지를 보여줍니다. JS 파일의 이름을 바꾸고 현재 프로젝트에 복사 할 수 있습니다. 탭 창 응용 프로그램의 창 열기 호출을 성공적인 인증 기능에 삽입하고여십시오. 창은 인증 코드와 함께 이전 창 상단으로 열립니다.

출처

2014-02-10 19:44:07 Martin

Appcelerator Titanium 안드로이드 로그인 및 탭으로 이동

답변

관련 문제