Android中IoTApp的UI改造方法是什么

這篇文章主要講解了“Android中IoT App的UI改造方法是什么”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“Android中IoT App的UI改造方法是什么”吧！

建網站原本是網站策劃師、網絡程序員、網頁設計師等，應用各種網絡程序開發技術和網頁設計技術配合操作的協同工作。成都創新互聯公司專業提供成都網站建設、成都做網站,網頁設計,網站制作(企業站、自適應網站建設、電商門戶網站)等服務,從網站深度策劃、搜索引擎友好度優化到用戶體驗的提升,我們力求做到極致!

準備工作：

實戰營的開發者們的IoT App制作是基于涂鴉提供的操作指南，先制作了一款基礎的智能燈App，然后再加上自己的創意和動手能力，最后完成了一個最后專屬于自己的IoT App。

基于涂鴉 App SDK 開發一款 Android App 并控制智能燈

基于涂鴉 App SDK 快速地開發一款 iOS IoT App

流程說明：

（一）App主題背景設計

1. 啟動背景：

通過更改 ty_pre.png文件，修改整個啟動界面，素材的主要元素有燈和圣誕花環，暗示整個APP主要為控制燈而生，與整個APP功能相協調。

Android中IoT App的UI改造方法是什么

2. APP主題背景

通過將xml文件的背景進行替換，將整個背景采用圣誕元素壁紙。

Android中IoT App的UI改造方法是什么

3. 設備界面設計

同主界面背景一樣，采用了同一背景設計，將整體突兀程度降低。

Android中IoT App的UI改造方法是什么

4. 任務欄元素設計

任務欄圖標進行了重新設計，圖標主要來源是iconfont圖標庫，進行相關轉換后插入到默認位置。

Android中IoT App的UI改造方法是什么

5. 滑動欄元素設計

通過修改相關xml文件，將整個滑動的原點替換為了圣誕帽，體現了圣誕節限定的特點。

Android中IoT App的UI改造方法是什么

6. 關燈元素設計

將關燈后的“燈”元素改變為“蠟燭元素”。

Android中IoT App的UI改造方法是什么

7. 模式面板元素設計

模式面板如圖，也使用了圣誕相關配色。

Android中IoT App的UI改造方法是什么

（二）功能設計

在功能上，主要的改動就是添加了模式面板，主要開發過程如下：

首先是新建了模式面板的xml文件，然后在主程序里通過對不同模式按鈕的監聽，實現了燈模式的切換。

1. 聲明面板

聲明面板類。

@BindView(R.id.fl_lamp_mode_operation)//聲明一個模式操作面板@
    public View mModeView;

2. 注冊按鍵響應函數

主要是按鍵按下后對應的響應函數。

@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. 按鍵函數實現

主要是將對應按鍵實現的功能進行實現。

 /**
     * 更新燈泡模式狀態 @
     */
    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. 面板切換函數

用來實現亮度、冷暖亮度面板和模式面板的切換。

@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改造方法是什么”的內容了，經過本文的學習后，相信大家對Android中IoT App的UI改造方法是什么這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是創新互聯，小編將為大家推送更多相關知識點的文章，歡迎關注！

網站欄目：Android中IoTApp的UI改造方法是什么
分享路徑：http://vcdvsql.cn/article28/jhigjp.html

成都網站建設公司_創新互聯，為您提供商城網站、App設計、手機網站建設、Google、網站設計、用戶體驗