這篇文章主要講解了“Android中IoT App的UI改造方法是什么”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“Android中IoT App的UI改造方法是什么”吧！
建網(wǎng)站原本是網(wǎng)站策劃師、網(wǎng)絡(luò)程序員、網(wǎng)頁設(shè)計(jì)師等，應(yīng)用各種網(wǎng)絡(luò)程序開發(fā)技術(shù)和網(wǎng)頁設(shè)計(jì)技術(shù)配合操作的協(xié)同工作。成都創(chuàng)新互聯(lián)公司專業(yè)提供成都網(wǎng)站建設(shè)、成都做網(wǎng)站,網(wǎng)頁設(shè)計(jì),網(wǎng)站制作(企業(yè)站、自適應(yīng)網(wǎng)站建設(shè)、電商門戶網(wǎng)站)等服務(wù),從網(wǎng)站深度策劃、搜索引擎友好度優(yōu)化到用戶體驗(yàn)的提升,我們力求做到極致!
實(shí)戰(zhàn)營的開發(fā)者們的IoT App制作是基于涂鴉提供的操作指南，先制作了一款基礎(chǔ)的智能燈App，然后再加上自己的創(chuàng)意和動(dòng)手能力，最后完成了一個(gè)最后專屬于自己的IoT App。
基于涂鴉 App SDK 開發(fā)一款 Android App 并控制智能燈
基于涂鴉 App SDK 快速地開發(fā)一款 iOS IoT App
1. 啟動(dòng)背景：
通過更改 ty_pre.png文件，修改整個(gè)啟動(dòng)界面，素材的主要元素有燈和圣誕花環(huán)，暗示整個(gè)APP主要為控制燈而生，與整個(gè)APP功能相協(xié)調(diào)。
2. APP主題背景
通過將xml文件的背景進(jìn)行替換，將整個(gè)背景采用圣誕元素壁紙。
3. 設(shè)備界面設(shè)計(jì)
同主界面背景一樣，采用了同一背景設(shè)計(jì)，將整體突兀程度降低。
4. 任務(wù)欄元素設(shè)計(jì)
任務(wù)欄圖標(biāo)進(jìn)行了重新設(shè)計(jì)，圖標(biāo)主要來源是iconfont圖標(biāo)庫，進(jìn)行相關(guān)轉(zhuǎn)換后插入到默認(rèn)位置。
5. 滑動(dòng)欄元素設(shè)計(jì)
通過修改相關(guān)xml文件，將整個(gè)滑動(dòng)的原點(diǎn)替換為了圣誕帽，體現(xiàn)了圣誕節(jié)限定的特點(diǎn)。
6. 關(guān)燈元素設(shè)計(jì)
將關(guān)燈后的“燈”元素改變?yōu)椤跋灎T元素”。
7. 模式面板元素設(shè)計(jì)
模式面板如圖，也使用了圣誕相關(guān)配色。
在功能上，主要的改動(dòng)就是添加了模式面板，主要開發(fā)過程如下：
首先是新建了模式面板的xml文件，然后在主程序里通過對不同模式按鈕的監(jiān)聽，實(shí)現(xiàn)了燈模式的切換。
1. 聲明面板
聲明面板類。
@BindView(R.id.fl_lamp_mode_operation)//聲明一個(gè)模式操作面板@ public View mModeView;
2. 注冊按鍵響應(yīng)函數(shù)
主要是按鍵按下后對應(yīng)的響應(yīng)函數(shù)。
重慶分公司
重慶分公司
@OnClick(R.id.ll_lamp_mode_goodnight)
public void onClickGoodnight() {//晚安模式@
mLampPresenter.LampGoodnightScene();
}
@OnClick(R.id.ll_lamp_mode_work)
public void onClickWork() {//晚安模式@
mLampPresenter.LampWorkScene();
}
@OnClick(R.id.ll_lamp_mode_read)
public void onClickRead() {//晚安模式@
mLampPresenter.LampReadScene();
}
@OnClick(R.id.ll_lamp_mode_casual)
public void onClickCasual() {//晚安模式@
mLampPresenter.LampCasualScene();
}
@OnClick(R.id.ll_lamp_work_white)
public void onClickWhite() {//晚安模式@
mLampPresenter.LampWhiteMode();
}
@OnClick(R.id.ll_lamp_work_color)
public void onClickColor() { mLampPresenter.LampColorMode(); }
@OnClick(R.id.ll_lamp_work_scene)
public void onClickScene() {//晚安模式@
mLampPresenter.LampSceneMode();
}3. 按鍵函數(shù)實(shí)現(xiàn)
主要是將對應(yīng)按鍵實(shí)現(xiàn)的功能進(jìn)行實(shí)現(xiàn)。
/**
* 更新燈泡模式狀態(tài) @
*/
public void LampGoodnightScene() {
mLightDevice.scene(LightScene.SCENE_GOODNIGHT, new IResultCallback(){
@Override
public void onError(String code, String error) {
}
@Override
public void onSuccess() {
}
});
}
public void LampWorkScene() {
mLightDevice.scene(LightScene.SCENE_WORK, new IResultCallback(){
@Override
public void onError(String code, String error) {
}
@Override
public void onSuccess() {
}
});
}
public void LampReadScene() {
mLightDevice.scene(LightScene.SCENE_READ, new IResultCallback(){
@Override
public void onError(String code, String error) {
}
@Override
public void onSuccess() {
}
});
}
public void LampCasualScene() {
mLightDevice.scene(LightScene.SCENE_CASUAL, new IResultCallback(){
@Override
public void onError(String code, String error) {
}
@Override
public void onSuccess() {
}
});
}
/**
* 燈的工作模式切換@
*/
public void LampWhiteMode(){
mLightDevice.workMode(LightMode.MODE_WHITE, new IResultCallback(){
@Override
public void onError(String code, String error) {
}
@Override
public void onSuccess() {
}
});
}
public void LampColorMode(){
mLightDevice.workMode(LightMode.MODE_COLOUR, new IResultCallback(){
@Override
public void onError(String code, String error) {
}
@Override
public void onSuccess() {
}
});
}
public void LampSceneMode(){
mLightDevice.workMode(LightMode.MODE_SCENE, new IResultCallback(){
@Override
public void onError(String code, String error) {
}
@Override
public void onSuccess() {
}
});
}4. 面板切換函數(shù)
用來實(shí)現(xiàn)亮度、冷暖亮度面板和模式面板的切換。
@OnClick(R.id.ll_lamp_up_operation)//@
public void onVClickArrawDown(){
AnimationUtil.translateView(mOperationView, Animation.RELATIVE_TO_SELF, 0f,
Animation.RELATIVE_TO_SELF, 0f,
Animation.RELATIVE_TO_SELF, 0f,
Animation.RELATIVE_TO_SELF, 1f, 300, false, new Animation.AnimationListener() {
@Override
public void onAnimationStart(Animation animation) {
mModeView.setVisibility(View.GONE);//隱藏模式面板 @
}
@Override
public void onAnimationEnd(Animation animation) {
mOperationView.setVisibility(View.VISIBLE);
}
@Override
public void onAnimationRepeat(Animation animation) {
}
});
}感謝各位的閱讀，以上就是“Android中IoT App的UI改造方法是什么”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對Android中IoT App的UI改造方法是什么這一問題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是創(chuàng)新互聯(lián)，小編將為大家推送更多相關(guān)知識點(diǎn)的文章，歡迎關(guān)注！
