路由器的ui界面的展示方法、裝置及用戶設(shè)備的制造方法
【專利摘要】本發(fā)明實(shí)施例提供一種路由器的UI界面的展示方法、裝置及用戶設(shè)備，用以避免將路由器的UI界面的相關(guān)信息以及操作按鈕等在同一界面中展示，從而避免同一頁(yè)面內(nèi)容過(guò)長(zhǎng)，使得展示給用戶的界面內(nèi)容更加清晰，便于用戶查看與操作。本發(fā)明實(shí)施例提供的一種路由器的UI界面的展示方法，包括：當(dāng)接收到所述路由器的UI界面的啟動(dòng)命令時(shí)，顯示預(yù)先設(shè)置的路由器信息展示界面；當(dāng)在所述路由器信息展示界面接收到界面切換命令時(shí)，顯示預(yù)先設(shè)置的路由器控制界面；當(dāng)在所述路由器控制界面接收到界面切換命令時(shí)，顯示所述路由器信息展示界面；其中，所述路由器信息展示界面和路由器控制界面均為所述UI界面的一級(jí)界面。
【專利說(shuō)明】
路由器的Ul界面的展示方法、裝置及用戶設(shè)備
技術(shù)領(lǐng)域
[0001]本發(fā)明實(shí)施例涉及電子信息技術(shù)領(lǐng)域，尤其涉及一種路由器的UI界面的展示方法、裝置及用戶設(shè)備。
【背景技術(shù)】
[0002]路由器(Router)，是連接因特網(wǎng)中各局域網(wǎng)、廣域網(wǎng)的設(shè)備，它會(huì)根據(jù)信道的情況自動(dòng)選擇和設(shè)定路由，以最佳路徑，按前后順序發(fā)送信號(hào)，路由器是互聯(lián)網(wǎng)絡(luò)的樞紐。目前路由器已經(jīng)廣泛應(yīng)用于各行各業(yè)，各種不同檔次的產(chǎn)品已成為實(shí)現(xiàn)各種骨干網(wǎng)內(nèi)部連接、骨干網(wǎng)間互聯(lián)和骨干網(wǎng)與互聯(lián)網(wǎng)互聯(lián)互通業(yè)務(wù)的主力軍。智能路由器是近幾年發(fā)展快速的電子設(shè)備，與傳統(tǒng)路由器相比，通常具有獨(dú)立的操作系統(tǒng)，自行控制帶寬、自行控制在線人數(shù)、自行控制瀏覽網(wǎng)頁(yè)等功能，而且配有手機(jī)用戶界面(UI界面)來(lái)管理路由器，真正做到網(wǎng)絡(luò)和設(shè)備的智能化管理。
[0003]而路由器的手機(jī)UI界面的首頁(yè)如何展示以及展示哪些信息，直接影響用戶的使用體驗(yàn)以及如何實(shí)現(xiàn)遠(yuǎn)程管理路由器。參見圖1，現(xiàn)有的路由器的手機(jī)UI界面界面，大都采用跳板(Springboard)的形式，將UI界面的功能分為多項(xiàng)，并在同一界面中依次排開進(jìn)行展示，因此界面同質(zhì)化比較嚴(yán)重，而且有些過(guò)時(shí)，所有的功能沒(méi)有優(yōu)先級(jí)，無(wú)法重點(diǎn)突出重要的內(nèi)容。在首頁(yè)上將路由器的狀態(tài)信息和控制按鈕由上到下依次排列下來(lái)，因此導(dǎo)致頁(yè)面內(nèi)容過(guò)長(zhǎng)，用戶要做某項(xiàng)操作時(shí)需要滑動(dòng)尋找相關(guān)按鈕，不便于操作。
[0004]綜上所述，現(xiàn)有技術(shù)中的路由器的UI界面展示方式將UI界面的相關(guān)信息以及操作按鈕等在同一界面中依次排開進(jìn)行展示，導(dǎo)致頁(yè)面內(nèi)容過(guò)長(zhǎng)，不便于用戶查看與操作。

【發(fā)明內(nèi)容】

[0005]本發(fā)明實(shí)施例提供了一種路由器的UI界面的展示方法、裝置及用戶設(shè)備，用以避免將路由器的UI界面的相關(guān)信息以及操作按鈕等在同一界面中展示，從而避免同一頁(yè)面內(nèi)容過(guò)長(zhǎng)，使得展示給用戶的界面內(nèi)容更加清晰，便于用戶查看與操作。
[0006]本發(fā)明實(shí)施例提供的一種路由器的UI界面的展示方法，包括:
[0007]當(dāng)接收到所述路由器的UI界面的啟動(dòng)命令時(shí)，顯示預(yù)先設(shè)置的路由器信息展示界面；
[0008]當(dāng)在所述路由器信息展示界面接收到界面切換命令時(shí)，顯示預(yù)先設(shè)置的路由器控制界面；
[0009]當(dāng)在所述路由器控制界面接收到界面切換命令時(shí)，顯示所述路由器信息展示界面；
[0010]其中，所述路由器信息展示界面和路由器控制界面均為所述UI界面的一級(jí)界面。
[0011]本發(fā)明實(shí)施例提供的一種路由器的UI界面的展示裝置，包括:
[0012]第一單元，用于當(dāng)接收到所述路由器的UI界面的啟動(dòng)命令時(shí)，顯示預(yù)先設(shè)置的路由器信息展示界面；
[0013]第二單元，用于當(dāng)在所述路由器信息展示界面接收到界面切換命令時(shí)，顯示預(yù)先設(shè)置的路由器控制界面；
[0014]第三單元，用于當(dāng)在所述路由器控制界面接收到界面切換命令時(shí)，顯示所述路由器信息展示界面；
[0015]其中，所述路由器信息展示界面和路由器控制界面均為所述UI界面的一級(jí)界面。
[0016]本發(fā)明實(shí)施例中，當(dāng)接收到所述路由器的UI界面的啟動(dòng)命令時(shí)，顯示預(yù)先設(shè)置的路由器信息展示界面；當(dāng)在所述路由器信息展示界面接收到界面切換命令時(shí)，顯示預(yù)先設(shè)置的路由器控制界面；當(dāng)在所述路由器控制界面接收到界面切換命令時(shí)，顯示所述路由器信息展示界面；其中，所述路由器信息展示界面和路由器控制界面均為所述UI界面的一級(jí)界面。因此，本發(fā)明實(shí)施例相比現(xiàn)有技術(shù)，將UI界面的相關(guān)信息以及操作按鈕分布在不同的界面中展示，即分別在路由器信息展示界面和路由器控制界面中展示，從而避免同一頁(yè)面內(nèi)容過(guò)長(zhǎng)，使得展示給用戶的界面內(nèi)容更加清晰，便于用戶查看與操作。
【附圖說(shuō)明】
[0017]為了更清楚地說(shuō)明本發(fā)明實(shí)施例或現(xiàn)有技術(shù)中的技術(shù)方案，下面將對(duì)實(shí)施例或現(xiàn)有技術(shù)描述中所需要使用的附圖作一簡(jiǎn)單地介紹，顯而易見地，下面描述中的附圖是本發(fā)明的一些實(shí)施例，對(duì)于本領(lǐng)域普通技術(shù)人員來(lái)講，在不付出創(chuàng)造性勞動(dòng)的前提下，還可以根據(jù)這些附圖獲得其他的附圖。
[0018]圖1為現(xiàn)有技術(shù)中路由器的UI界面的展不不意圖；
[0019]圖2為本發(fā)明實(shí)施例提供的一種路由器的UI界面的展示方法的流程示意圖；
[0020]圖3為本發(fā)明實(shí)施例提供的路由器信息展示界面示意圖；
[0021]圖4為本發(fā)明實(shí)施例提供的路由器控制界面示意圖；
[0022]圖5為本發(fā)明實(shí)施例提供的一種路由器的UI界面的展示裝置的結(jié)構(gòu)示意圖；
[0023]圖6為本發(fā)明實(shí)施例提供的一種用戶設(shè)備的結(jié)構(gòu)示意圖。
【具體實(shí)施方式】
[0024]為使本發(fā)明實(shí)施例的目的、技術(shù)方案和優(yōu)點(diǎn)更加清楚，下面將結(jié)合本發(fā)明實(shí)施例中的附圖，對(duì)本發(fā)明實(shí)施例中的技術(shù)方案進(jìn)行清楚、完整地描述，顯然，所描述的實(shí)施例是本發(fā)明一部分實(shí)施例，而不是全部的實(shí)施例。基于本發(fā)明中的實(shí)施例，本領(lǐng)域普通技術(shù)人員在沒(méi)有作出創(chuàng)造性勞動(dòng)前提下所獲得的所有其他實(shí)施例，都屬于本發(fā)明保護(hù)的范圍。
[0025]本發(fā)明實(shí)施例提供的技術(shù)方案，用以避免將路由器的UI界面的相關(guān)信息以及操作按鈕等在同一界面中展示，從而避免同一頁(yè)面內(nèi)容過(guò)長(zhǎng)，使得展示給用戶的界面內(nèi)容更加清晰，便于用戶查看與操作。
[0026]下面結(jié)合附圖對(duì)本發(fā)明實(shí)施例提供的技術(shù)方案進(jìn)行介紹。
[0027]參見圖2，本發(fā)明實(shí)施例提供的一種路由器的UI界面的展示方法，包括:
[0028]S101、當(dāng)接收到所述路由器的UI界面的啟動(dòng)命令時(shí)，顯示預(yù)先設(shè)置的路由器信息展示界面；
[0029]其中，路由器信息展示界面，即用于展示路由器的相關(guān)信息的界面。
[0030]S102、當(dāng)在所述路由器信息展示界面接收到界面切換命令時(shí)，顯示預(yù)先設(shè)置的路由器控制界面；
[0031]其中，路由器控制界面，即用于展示路由器的相關(guān)控制功能的界面，提供給用戶路由器相關(guān)功能的控制按鈕，當(dāng)用戶點(diǎn)擊某一控制按鈕時(shí)，可以跳轉(zhuǎn)到相關(guān)頁(yè)面進(jìn)行后續(xù)操作。例如，點(diǎn)擊網(wǎng)絡(luò)診斷按鈕的時(shí)候，跳轉(zhuǎn)到網(wǎng)絡(luò)診斷頁(yè)面。
[0032]S103、當(dāng)在所述路由器控制界面接收到界面切換命令時(shí)，顯示所述路由器信息展示界面；
[0033]其中，所述路由器信息展示界面和路由器控制界面均為所述UI界面的一級(jí)界面。
[0034]也就是說(shuō)，本發(fā)明實(shí)施例中，可以在路由器控制界面和路由器信息展示界面之間實(shí)現(xiàn)來(lái)回切換，方便用戶選擇操作。
[0035]較佳地，當(dāng)接收到所述路由器的UI界面的啟動(dòng)命令時(shí)，顯示預(yù)先設(shè)置的路由器信息展示界面，具體包括:
[0036]當(dāng)接收到所述路由器的UI界面的啟動(dòng)命令時(shí)，同時(shí)對(duì)所述路由器信息展示界面和所述路由器控制界面進(jìn)行加載，當(dāng)加載完成時(shí)，將所述路由器信息展示界面置為可見狀態(tài)，將所述路由器控制界面置為不可見狀態(tài)。
[0037]較佳地，當(dāng)在所述路由器信息展示界面接收到界面切換命令時(shí)，顯示預(yù)先設(shè)置的路由器控制界面，具體包括:
[0038]當(dāng)在所述路由器信息展示界面接收到界面切換命令時(shí)，將所述路由器信息展示界面置為不可見狀態(tài)，將所述路由器控制界面置為可見狀態(tài)。
[0039]本發(fā)明實(shí)施例中所述的路由器信息展示界面，例如，如圖3所示，其中的較大的圓形圖標(biāo)即路由器的圖標(biāo)，下面連接的較小的圓形圖標(biāo)即該路由器連接的設(shè)備，例如第一設(shè)備、第二設(shè)備、第三設(shè)備、第四設(shè)備等等，其中的“當(dāng)前速度16.20KB/S”即當(dāng)前網(wǎng)絡(luò)狀況，除此之外，還可以包括其他信息，例如其中的“影片免費(fèi)看”，用戶可以通過(guò)點(diǎn)擊該按鈕免費(fèi)觀看一些影片。因此，較佳地，所述路由器信息展示界面所展示的信息至少包括以下信息之
[0040]所述路由器的圖標(biāo)、當(dāng)前網(wǎng)絡(luò)狀況、所述路由器連接的設(shè)備。
[0041]較佳地，當(dāng)在所述路由器信息展示界面接收到界面切換命令時(shí)，顯示預(yù)先設(shè)置的路由器控制界面，具體是指:
[0042]當(dāng)在所述路由器信息展示界面中的所述路由器的圖標(biāo)處接收到用戶的點(diǎn)擊指令時(shí)，顯示所述路由器控制界面。
[0043]本發(fā)明實(shí)施例中所述的路由器控制界面，例如，如圖4所示，其中，中間的較大的圓形圖標(biāo)為路由器的圖標(biāo)，圍繞它的六個(gè)較小的圓形圖標(biāo)為相關(guān)功能的控制按鈕，例如包括六個(gè)按鈕，分別為會(huì)員續(xù)費(fèi)、路由設(shè)置、網(wǎng)絡(luò)診斷、升級(jí)路由、網(wǎng)速分配、信號(hào)強(qiáng)度等相關(guān)功能的控制按鈕，除此之外，還可以包括其他信息，例如還可以包括當(dāng)前的網(wǎng)絡(luò)狀況信息，例如網(wǎng)絡(luò)的當(dāng)前速度。因此，較佳地，所述路由器控制界面包括:所述路由器的圖標(biāo)和所述路由器的至少一個(gè)控制按鈕，其中，所述路由器的至少一個(gè)控制按鈕布局在以所述路由器的圖標(biāo)的中心點(diǎn)為中心的環(huán)形區(qū)域中。其中的環(huán)形區(qū)域即圖4中所示的陰影區(qū)域，該區(qū)域可以作為背景顯示，也可以透明，不顯示，另外，需要說(shuō)明的是，該環(huán)形區(qū)域的外界四邊形也可以不顯示。
[0044]本發(fā)明實(shí)施例中，把路由器的至少一個(gè)控制按鈕布局在以所述路由器的圖標(biāo)的中心點(diǎn)為中心的環(huán)形區(qū)域中，從而可以更加方便用戶查找和操作相關(guān)按鈕。
[0045]較佳地，該方法還包括:
[0046]當(dāng)在所述路由器的任一控制按鈕處接收到用戶的點(diǎn)擊指令，跳轉(zhuǎn)到該控制按鈕所對(duì)應(yīng)的頁(yè)面。
[0047]較佳地，當(dāng)在所述路由器控制界面接收到界面切換命令時(shí)，顯示所述路由器信息展示界面，具體是指:
[0048]當(dāng)在所述路由器控制界面中的所述路由器的圖標(biāo)處接收到用戶的點(diǎn)擊指令時(shí)，顯示所述路由器信息展示界面。
[0049]需要說(shuō)明的是，本發(fā)明實(shí)施例中提供的路由器控制界面中的控制按鈕的個(gè)數(shù)、具體的位置、以及按鈕對(duì)應(yīng)的功能，可以是預(yù)先設(shè)置好的，也可以由用戶根據(jù)需要進(jìn)行設(shè)置，例如用戶可以根據(jù)需要，添加或減少該路由器控制界面中的控制按鈕，并可以根據(jù)自己的喜好變更控制按鈕具體的顯示位置，例如可以將最常用的控制按鈕設(shè)置在路由器的圖標(biāo)的上方或右方等。另外，用戶還可以變更某一控制按鈕所對(duì)應(yīng)的功能，例如變更控制按鈕所對(duì)應(yīng)的頁(yè)面。
[0050]除此之外，上述的環(huán)形區(qū)域的顯示效果，以及各個(gè)控制按鈕的顯示效果或者圖標(biāo)樣式，均可以由用戶根據(jù)喜好進(jìn)行設(shè)置。
[0051]綜上，本發(fā)明實(shí)施例提供的路由器的UI界面的作用主要有兩個(gè)，一是通過(guò)路由器信息展示界面展示路由器的狀態(tài)信息，二是通過(guò)路由器控制界面控制路由器。
[0052]而現(xiàn)有技術(shù)中的路由器的UI界面首頁(yè)展示方式將路由器的狀態(tài)信息和控制按鈕在同一界面中由上到下依次排列下來(lái)，缺點(diǎn)是頁(yè)面內(nèi)容過(guò)長(zhǎng)，用戶要做某項(xiàng)操作時(shí)需要滑動(dòng)尋找，體驗(yàn)較差。
[0053]并且，進(jìn)一步地，本發(fā)明實(shí)施例中的路由器信息展示界面和路由器控制界面可以相互切換，優(yōu)點(diǎn)是有效的利用了手機(jī)等設(shè)備的屏幕空間，首頁(yè)內(nèi)容直觀而且不雜亂。
[0054]以上述圖3和圖4所展示的界面為例，下面詳細(xì)介紹這兩種界面的相互切換流程:
[0055]參見圖3，當(dāng)接收到所述路由器的UI界面的啟動(dòng)命令時(shí)，首先默認(rèn)顯示預(yù)先設(shè)置的路由器信息展示界面，若用戶點(diǎn)擊中間的路由器的圖標(biāo)之后，連接在路由器上的設(shè)備列表、當(dāng)前網(wǎng)絡(luò)狀況以及其他信息等(例如影片免費(fèi)看入口等)隱藏，然后彈出環(huán)形控制面板，即圖4中方框內(nèi)所示的部分，切換顯示到路由器控制界面，此時(shí)可對(duì)路由器做一些控制操作。該環(huán)形控制面板中包含有六大功能:路由設(shè)置、網(wǎng)絡(luò)診斷、網(wǎng)速分配、信號(hào)強(qiáng)度的修改、升級(jí)路由器器以及續(xù)費(fèi)會(huì)員。其中會(huì)員續(xù)費(fèi)功能讓此路由器獲得VIP權(quán)限，所有通過(guò)此路由器上網(wǎng)的設(shè)備都有權(quán)觀看所有會(huì)員視頻等資料信息。
[0056]參見圖4，在顯示路由器控制界面時(shí)，用戶同樣點(diǎn)擊中間的白色圓形路由器圖標(biāo)，環(huán)形控制面板隱藏，路由器信息顯示出來(lái)，返回顯示到路由器信息展示界面。
[0057]下面關(guān)于顯示路由器控制界面中的環(huán)形控制面板進(jìn)行詳細(xì)介紹:
[0058]控制面板通常設(shè)計(jì)成為橫條、豎條或者彈出菜單，本發(fā)明實(shí)施例中設(shè)計(jì)成為環(huán)形排列。此環(huán)形控制面板從技術(shù)角度來(lái)講是一個(gè)自定義的控件，控件里面可以動(dòng)態(tài)添加按鈕，新添加的功能按鈕要放到環(huán)形控制面板中，此時(shí)環(huán)形控制面板中的按鈕由原來(lái)的6個(gè)變成7個(gè)，只需要在此自定義控件中再加入新功能按鈕，控件自動(dòng)完成環(huán)形排列，而不需在代碼中重新排列。按鈕在自動(dòng)排列時(shí)以白色圓形路由器圖標(biāo)的中心點(diǎn)為中心點(diǎn)，按相同角度間隔均勻排列，按鈕到中心點(diǎn)的距離可以在代碼中設(shè)置。
[0059]本發(fā)明實(shí)施例中的路由器的UI界面的首頁(yè)中的布局有兩個(gè):路由器信息展示布局和路由器控制布局。
[0060]兩種布局界面相互切換的代碼邏輯介紹如下:
[0061]—、初始化
[0062]初始化時(shí)首先把路由器信息展示界面和路由器控制界面都加載完成，然后將路由器信息展示界面置為可見，將路由器控制界面置為不可見。其中路由器控制界面中的環(huán)形控制面板(即以所述路由器的圖標(biāo)的中心點(diǎn)為中心的環(huán)形區(qū)域)背景為透明的。
[0063]二、設(shè)置監(jiān)聽
[0064]對(duì)路由器信息展示界面中白色圓形路由器圖標(biāo)設(shè)置點(diǎn)擊監(jiān)聽，該監(jiān)聽中有對(duì)點(diǎn)擊的處理方法onClickO，onClick中將路由器信息展示界面置為不可見，將路由器控制界面置為可見。當(dāng)用戶點(diǎn)擊路由器圖標(biāo)時(shí)，操作系統(tǒng)處理點(diǎn)擊事件并調(diào)用監(jiān)聽中的點(diǎn)擊處理方法onClickO，這樣路由器信息展示界面置為不可見，路由器控制界面置為可見，完成了路由器信息展示界面到路由器控制界面的切換。
[0065]對(duì)路由器控制界面中環(huán)形控制面板中心設(shè)置點(diǎn)擊監(jiān)聽，該監(jiān)聽中有對(duì)點(diǎn)擊的處理方法onClickO，也就是將路由器控制界面置為不可見，將路由器信息展示界面置為可見。當(dāng)用戶點(diǎn)擊環(huán)形控制面板中心(即所述路由器的圖標(biāo))時(shí)，操作系統(tǒng)處理點(diǎn)擊事件并調(diào)用監(jiān)聽中的點(diǎn)擊處理方法onClickO，這樣路由器控制界面置為不可見，將路由器信息展示界面置為可見，完成了路由器控制界面到路由器信息展示界面的切換。
[0066]下面詳細(xì)介紹一下路由器控制界面中的環(huán)形控制面板的代碼邏輯:
[0067]—、初始化
[0068]該環(huán)形控制面板是一個(gè)自定義的控件。初始化的時(shí)候先加載環(huán)形控制面板布局，包括背景和控件中包含的所有控制按鈕。然后，設(shè)置每個(gè)控制按鈕的點(diǎn)擊監(jiān)聽，該監(jiān)聽中有對(duì)此按鈕點(diǎn)擊的處理方法onClickO，onClick中是一個(gè)頁(yè)面跳的動(dòng)作，比如點(diǎn)擊網(wǎng)絡(luò)診斷控制按鈕的時(shí)候，跳轉(zhuǎn)到網(wǎng)絡(luò)診斷頁(yè)面。
[0069]二、測(cè)量
[0070]計(jì)算出環(huán)形控制面板和每個(gè)控制按鈕的具體大小。例如，跟據(jù)控制按鈕的個(gè)數(shù)，計(jì)算出將這些控制按鈕均勻分布在以所述路由器的圖標(biāo)的中心點(diǎn)為中心的環(huán)形區(qū)域上時(shí)，每一控制按鈕中心點(diǎn)與該環(huán)形區(qū)域中心點(diǎn)連線相互之間的角度值，進(jìn)而根據(jù)該角度值，確定每一控制按鈕的顯示大小。
[0071]三、布局
[0072]根據(jù)上述測(cè)量中確定的角度值，以及每一按鈕的顯示大小，確定每一按鈕的外接四邊形的左右上下四個(gè)邊的坐標(biāo)值，該坐標(biāo)值是以手機(jī)顯示屏左上角的頂點(diǎn)為坐標(biāo)原點(diǎn)建立的坐標(biāo)系中的坐標(biāo)值。每個(gè)按鈕的坐標(biāo)值是不一樣的，然后，將每一按鈕的坐標(biāo)值賦值給該按鈕的布局屬性中。
[0073]四、繪制
[0074]在canvas畫布(Bitmap)上按照布局的層級(jí)關(guān)系來(lái)進(jìn)行繪制。具體包括:
[0075]繪制環(huán)形控制面板背景；
[0076]按照每一控制按鈕的布局屬性，即每一控制按鈕的外接四邊形的左右上下四個(gè)邊的坐標(biāo)值，在背景上面逐個(gè)繪制每一控制按鈕；
[0077]繪制完成，用繪制好的canvas更新屏幕顯示畫面。
[0078]與上述方法相對(duì)應(yīng)地，參見圖5，本發(fā)明實(shí)施例提供的一種路由器的UI界面的展示裝置，包括:
[0079]第一單元11，用于當(dāng)接收到所述路由器的UI界面的啟動(dòng)命令時(shí)，顯示預(yù)先設(shè)置的路由器信息展示界面；
[0080]第二單元12，用于當(dāng)在所述路由器信息展示界面接收到界面切換命令時(shí)，顯示預(yù)先設(shè)置的路由器控制界面；
[0081]第三單元13，用于當(dāng)在所述路由器控制界面接收到界面切換命令時(shí)，顯示所述路由器信息展示界面；
[0082]其中，所述路由器信息展示界面和路由器控制界面均為所述UI界面的一級(jí)界面。
[0083]較佳地，所述第一單元具體用于:
[0084]當(dāng)接收到所述路由器的UI界面的啟動(dòng)命令時(shí)，同時(shí)對(duì)所述路由器信息展示界面和所述路由器控制界面進(jìn)行加載，當(dāng)加載完成時(shí)，將所述路由器信息展示界面置為可見狀態(tài)，將所述路由器控制界面置為不可見狀態(tài)。
[0085]較佳地，所述第二單元具體用于:當(dāng)在所述路由器信息展示界面接收到界面切換命令時(shí)，將所述路由器信息展示界面置為不可見狀態(tài)，將所述路由器控制界面置為可見狀
??τ O
[0086]較佳地，所述路由器信息展示界面所展示的信息至少包括以下信息之一:
[0087]所述路由器的圖標(biāo)、當(dāng)前網(wǎng)絡(luò)狀況、所述路由器連接的設(shè)備。
[0088]較佳地，所述第二單元當(dāng)在所述路由器信息展示界面中的所述路由器的圖標(biāo)處接收到用戶的點(diǎn)擊指令時(shí)，顯示所述路由器控制界面。
[0089]較佳地，所述路由器控制界面包括:所述路由器的圖標(biāo)和所述路由器的至少一個(gè)控制按鈕，其中，所述路由器的至少一個(gè)控制按鈕布局在以所述路由器的圖標(biāo)的中心點(diǎn)為中心的環(huán)形區(qū)域中。
[0090]較佳地，所述第三單元還用于:當(dāng)在所述路由器的任一控制按鈕處接收到用戶的點(diǎn)擊指令，跳轉(zhuǎn)到該控制按鈕所對(duì)應(yīng)的頁(yè)面。
[0091]較佳地，所述第二單元在顯示預(yù)先設(shè)置的路由器控制界面時(shí)，具體用于:
[0092]加載環(huán)形區(qū)域布局，其中包括環(huán)形區(qū)域的背景和所有控制按鈕，并設(shè)置每個(gè)控制按鈕的點(diǎn)擊監(jiān)聽；
[0093]確定環(huán)形區(qū)域的大小、該環(huán)形區(qū)域上每個(gè)控制按鈕的大小，以及每一控制按鈕中心點(diǎn)與該環(huán)形區(qū)域中心點(diǎn)連線相互之間的角度值；
[0094]根據(jù)所述角度值，以及每一控制按鈕的大小，確定每一控制按鈕的外接四邊形的左右上下四個(gè)邊在屏幕上顯示的坐標(biāo)值；
[0095]繪制環(huán)形區(qū)域的背景，并按照每一控制按鈕的外接四邊形的左右上下四個(gè)邊在屏幕上顯示的坐標(biāo)值，在所述背景上面逐個(gè)繪制每一控制按鈕，繪制完成時(shí)，用繪制結(jié)果更新屏蒂顯不畫面。
[0096]較佳地，所述第三單元當(dāng)在所述路由器控制界面中的所述路由器的圖標(biāo)處接收到用戶的點(diǎn)擊指令時(shí)，顯示所述路由器信息展示界面。
[0097]需要說(shuō)明的是，本發(fā)明實(shí)施例中上述任一單元，均可以通過(guò)硬件處理器(hardwareprocessor)來(lái)實(shí)現(xiàn)相關(guān)功能。
[0098]本發(fā)明實(shí)施例提供的一種用戶設(shè)備，包括本發(fā)明實(shí)施例中任一所述的裝置。
[0099]參見圖6，本發(fā)明實(shí)施例提供的一種用戶設(shè)備，包括:
[0100]處理器600，用于讀取存儲(chǔ)器620中的程序，執(zhí)行下列過(guò)程:
[0101]當(dāng)接收到所述路由器的UI界面的啟動(dòng)命令時(shí)，顯示預(yù)先設(shè)置的路由器信息展示界面；
[0102]當(dāng)在所述路由器信息展示界面接收到界面切換命令時(shí)，顯示預(yù)先設(shè)置的路由器控制界面；
[0103]當(dāng)在所述路由器控制界面接收到界面切換命令時(shí)，顯示所述路由器信息展示界面；
[0104]其中，所述路由器信息展示界面和路由器控制界面均為所述UI界面的一級(jí)界面。
[0105]較佳地，所述處理器600當(dāng)接收到所述路由器的UI界面的啟動(dòng)命令時(shí)，同時(shí)對(duì)所述路由器信息展示界面和所述路由器控制界面進(jìn)行加載，當(dāng)加載完成時(shí)，將所述路由器信息展示界面置為可見狀態(tài)，將所述路由器控制界面置為不可見狀態(tài)。
[0106]較佳地，所述處理器600當(dāng)在所述路由器信息展示界面接收到界面切換命令時(shí)，將所述路由器信息展示界面置為不可見狀態(tài)，將所述路由器控制界面置為可見狀態(tài)。
[0107]較佳地，所述路由器信息展示界面所展示的信息至少包括以下信息之一:
[0108]所述路由器的圖標(biāo)、當(dāng)前網(wǎng)絡(luò)狀況、所述路由器連接的設(shè)備。
[0109]較佳地，所述處理器600當(dāng)在所述路由器信息展示界面中的所述路由器的圖標(biāo)處接收到用戶的點(diǎn)擊指令時(shí)，顯示所述路由器控制界面。
[0110]較佳地，所述路由器控制界面包括:所述路由器的圖標(biāo)和所述路由器的至少一個(gè)控制按鈕，其中，所述路由器的至少一個(gè)控制按鈕布局在以所述路由器的圖標(biāo)的中心點(diǎn)為中心的環(huán)形區(qū)域中。
[0111]較佳地，所述處理器600還用于:當(dāng)在所述路由器的任一控制按鈕處接收到用戶的點(diǎn)擊指令，跳轉(zhuǎn)到該控制按鈕所對(duì)應(yīng)的頁(yè)面。
[0112]較佳地，所述處理器600在顯示預(yù)先設(shè)置的路由器控制界面時(shí)，具體用于:
[0113]加載環(huán)形區(qū)域布局，其中包括環(huán)形區(qū)域的背景和所有控制按鈕，并設(shè)置每個(gè)控制按鈕的點(diǎn)擊監(jiān)聽；
[0114]確定環(huán)形區(qū)域的大小、該環(huán)形區(qū)域上每個(gè)控制按鈕的大小，以及每一控制按鈕中心點(diǎn)與該環(huán)形區(qū)域中心點(diǎn)連線相互之間的角度值；
[0115]根據(jù)所述角度值，以及每一控制按鈕的大小，確定每一控制按鈕的外接四邊形的左右上下四個(gè)邊在屏幕上顯示的坐標(biāo)值；
[0116]繪制環(huán)形區(qū)域的背景，并按照每一控制按鈕的外接四邊形的左右上下四個(gè)邊在屏幕上顯示的坐標(biāo)值，在所述背景上面逐個(gè)繪制每一控制按鈕，繪制完成時(shí)，用繪制結(jié)果更新屏蒂顯不畫面。
[0117]較佳地，所述處理器600當(dāng)在所述路由器控制界面中的所述路由器的圖標(biāo)處接收到用戶的點(diǎn)擊指令時(shí)，顯示所述路由器信息展示界面。
[0118]收發(fā)機(jī)610，用于在處理器600的控制下接收和發(fā)送數(shù)據(jù)。
[0119]其中，在圖6中，總線架構(gòu)可以包括任意數(shù)量的互聯(lián)的總線和橋，具體由處理器600代表的一個(gè)或多個(gè)處理器和存儲(chǔ)器620代表的存儲(chǔ)器的各種電路鏈接在一起。總線架構(gòu)還可以將諸如外圍設(shè)備、穩(wěn)壓器和功率管理電路等之類的各種其他電路鏈接在一起，這些都是本領(lǐng)域所公知的，因此，本文不再對(duì)其進(jìn)行進(jìn)一步描述?？偩€接口提供接口。收發(fā)機(jī)610可以是多個(gè)元件，即包括發(fā)送機(jī)和接收機(jī)，提供用于在傳輸介質(zhì)上與各種其他裝置通信的單元。針對(duì)不同的用戶設(shè)備，用戶接口 630還可以是能夠外接內(nèi)接需要設(shè)備的接口，連接的設(shè)備包括但不限于小鍵盤、顯示器、揚(yáng)聲器、麥克風(fēng)、操縱桿等。
[0120]處理器600負(fù)責(zé)管理總線架構(gòu)和通常的處理，存儲(chǔ)器620可以存儲(chǔ)處理器600在執(zhí)行操作時(shí)所使用的數(shù)據(jù)。
[0121]本發(fā)明實(shí)施例提供的用戶設(shè)備，可以是手機(jī)、PAD、電腦等各種用戶終端設(shè)備。當(dāng)然也可以通過(guò)網(wǎng)絡(luò)側(cè)的服務(wù)器實(shí)現(xiàn)本發(fā)明實(shí)施例提供的技術(shù)方案。
[0122]以上所描述的裝置實(shí)施例僅僅是示意性的，其中所述作為分離部件說(shuō)明的單元可以是或者也可以不是物理上分開的，作為單元顯示的部件可以是或者也可以不是物理單元，即可以位于一個(gè)地方，或者也可以分布到多個(gè)網(wǎng)絡(luò)單元上。可以根據(jù)實(shí)際的需要選擇其中的部分或者全部模塊來(lái)實(shí)現(xiàn)本實(shí)施例方案的目的。本領(lǐng)域普通技術(shù)人員在不付出創(chuàng)造性的勞動(dòng)的情況下，即可以理解并實(shí)施。
[0123]通過(guò)以上的實(shí)施方式的描述，本領(lǐng)域的技術(shù)人員可以清楚地了解到各實(shí)施方式可借助軟件加必需的通用硬件平臺(tái)的方式來(lái)實(shí)現(xiàn)，當(dāng)然也可以通過(guò)硬件。基于這樣的理解，上述技術(shù)方案本質(zhì)上或者說(shuō)對(duì)現(xiàn)有技術(shù)做出貢獻(xiàn)的部分可以以軟件產(chǎn)品的形式體現(xiàn)出來(lái)，該計(jì)算機(jī)軟件產(chǎn)品可以存儲(chǔ)在計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)中，如R0M/RAM、磁碟、光盤等，包括若干指令用以使得一臺(tái)計(jì)算機(jī)設(shè)備(可以是個(gè)人計(jì)算機(jī)，服務(wù)器，或者網(wǎng)絡(luò)設(shè)備等)執(zhí)行各個(gè)實(shí)施例或者實(shí)施例的某些部分所述的方法。
[0124]最后應(yīng)說(shuō)明的是:以上實(shí)施例僅用以說(shuō)明本發(fā)明的技術(shù)方案，而非對(duì)其限制；盡管參照前述實(shí)施例對(duì)本發(fā)明進(jìn)行了詳細(xì)的說(shuō)明，本領(lǐng)域的普通技術(shù)人員應(yīng)當(dāng)理解:其依然可以對(duì)前述各實(shí)施例所記載的技術(shù)方案進(jìn)行修改，或者對(duì)其中部分技術(shù)特征進(jìn)行等同替換；而這些修改或者替換，并不使相應(yīng)技術(shù)方案的本質(zhì)脫離本發(fā)明各實(shí)施例技術(shù)方案的精神和范圍。
【主權(quán)項(xiàng)】
1.一種路由器的UI界面的展示方法，其特征在于，所述方法包括: 當(dāng)接收到所述路由器的UI界面的啟動(dòng)命令時(shí)，顯示預(yù)先設(shè)置的路由器信息展示界面； 當(dāng)在所述路由器信息展示界面接收到界面切換命令時(shí)，顯示預(yù)先設(shè)置的路由器控制界面； 當(dāng)在所述路由器控制界面接收到界面切換命令時(shí)，顯示所述路由器信息展示界面； 其中，所述路由器信息展示界面和路由器控制界面均為所述UI界面的一級(jí)界面。2.根據(jù)權(quán)利要求1所述的方法，其特征在于，當(dāng)接收到所述路由器的UI界面的啟動(dòng)命令時(shí)，顯示預(yù)先設(shè)置的路由器信息展示界面，具體包括: 當(dāng)接收到所述路由器的UI界面的啟動(dòng)命令時(shí)，同時(shí)對(duì)所述路由器信息展示界面和所述路由器控制界面進(jìn)行加載，當(dāng)加載完成時(shí)，將所述路由器信息展示界面置為可見狀態(tài)，將所述路由器控制界面置為不可見狀態(tài)。3.根據(jù)權(quán)利要求2所述的方法，其特征在于，當(dāng)在所述路由器信息展示界面接收到界面切換命令時(shí)，顯示預(yù)先設(shè)置的路由器控制界面，具體包括: 當(dāng)在所述路由器信息展示界面接收到界面切換命令時(shí)，將所述路由器信息展示界面置為不可見狀態(tài)，將所述路由器控制界面置為可見狀態(tài)。4.根據(jù)權(quán)利要求1-3任一權(quán)項(xiàng)所述的方法，其特征在于，所述路由器信息展示界面所展示的信息至少包括以下信息之一: 所述路由器的圖標(biāo)、當(dāng)前網(wǎng)絡(luò)狀況、所述路由器連接的設(shè)備。5.根據(jù)權(quán)利要求4所述的方法，其特征在于，當(dāng)在所述路由器信息展示界面接收到界面切換命令時(shí)，顯示預(yù)先設(shè)置的路由器控制界面，具體是指: 當(dāng)在所述路由器信息展示界面中的所述路由器的圖標(biāo)處接收到用戶的點(diǎn)擊指令時(shí)，顯示所述路由器控制界面。6.根據(jù)權(quán)利要求1-3任一權(quán)項(xiàng)所述的方法，其特征在于，所述路由器控制界面包括:所述路由器的圖標(biāo)和所述路由器的至少一個(gè)控制按鈕，其中，所述路由器的至少一個(gè)控制按鈕布局在以所述路由器的圖標(biāo)的中心點(diǎn)為中心的環(huán)形區(qū)域中。7.根據(jù)權(quán)利要求6所述的方法，其特征在于，所述顯示預(yù)先設(shè)置的路由器控制界面，具體包括: 加載環(huán)形區(qū)域布局，其中包括環(huán)形區(qū)域的背景和所有控制按鈕，并設(shè)置每個(gè)控制按鈕的點(diǎn)擊監(jiān)聽； 確定環(huán)形區(qū)域的大小、該環(huán)形區(qū)域上每個(gè)控制按鈕的大小，以及每一控制按鈕中心點(diǎn)與該環(huán)形區(qū)域中心點(diǎn)連線相互之間的角度值； 根據(jù)所述角度值，以及每一控制按鈕的大小，確定每一控制按鈕的外接四邊形的左右上下四個(gè)邊在屏幕上顯示的坐標(biāo)值； 繪制環(huán)形區(qū)域的背景，并按照每一控制按鈕的外接四邊形的左右上下四個(gè)邊在屏幕上顯示的坐標(biāo)值，在所述背景上面逐個(gè)繪制每一控制按鈕，繪制完成時(shí)，用繪制結(jié)果更新屏幕顯示畫面。8.根據(jù)權(quán)利要求6所述的方法，其特征在于，當(dāng)在所述路由器控制界面接收到界面切換命令時(shí)，顯示所述路由器信息展示界面，具體是指: 當(dāng)在所述路由器控制界面中的所述路由器的圖標(biāo)處接收到用戶的點(diǎn)擊指令時(shí)，顯示所述路由器信息展示界面。9.一種路由器的UI界面的展示裝置，其特征在于，所述裝置包括: 第一單元，用于當(dāng)接收到所述路由器的UI界面的啟動(dòng)命令時(shí)，顯示預(yù)先設(shè)置的路由器信息展示界面； 第二單元，用于當(dāng)在所述路由器信息展示界面接收到界面切換命令時(shí)，顯示預(yù)先設(shè)置的路由器控制界面； 第三單元，用于當(dāng)在所述路由器控制界面接收到界面切換命令時(shí)，顯示所述路由器信息展示界面； 其中，所述路由器信息展示界面和路由器控制界面均為所述UI界面的一級(jí)界面。10.根據(jù)權(quán)利要求9所述的裝置，其特征在于，所述第一單元具體用于: 當(dāng)接收到所述路由器的UI界面的啟動(dòng)命令時(shí)，同時(shí)對(duì)所述路由器信息展示界面和所述路由器控制界面進(jìn)行加載，當(dāng)加載完成時(shí)，將所述路由器信息展示界面置為可見狀態(tài)，將所述路由器控制界面置為不可見狀態(tài)。11.根據(jù)權(quán)利要求10所述的裝置，其特征在于，所述第二單元具體用于:當(dāng)在所述路由器信息展示界面接收到界面切換命令時(shí)，將所述路由器信息展示界面置為不可見狀態(tài)，將所述路由器控制界面置為可見狀態(tài)。12.根據(jù)權(quán)利要求9-11任一權(quán)項(xiàng)所述的裝置，其特征在于，所述路由器信息展示界面所展示的信息至少包括以下信息之一: 所述路由器的圖標(biāo)、當(dāng)前網(wǎng)絡(luò)狀況、所述路由器連接的設(shè)備。13.根據(jù)權(quán)利要求12所述的裝置，其特征在于，所述第二單元當(dāng)在所述路由器信息展示界面中的所述路由器的圖標(biāo)處接收到用戶的點(diǎn)擊指令時(shí)，顯示所述路由器控制界面。14.根據(jù)權(quán)利要求9-11任一權(quán)項(xiàng)所述的裝置，其特征在于，所述路由器控制界面包括:所述路由器的圖標(biāo)和所述路由器的至少一個(gè)控制按鈕，其中，所述路由器的至少一個(gè)控制按鈕布局在以所述路由器的圖標(biāo)的中心點(diǎn)為中心的環(huán)形區(qū)域中。15.根據(jù)權(quán)利要求14所述的裝置，其特征在于，所述第二單元在顯示預(yù)先設(shè)置的路由器控制界面時(shí)，具體用于: 加載環(huán)形區(qū)域布局，其中包括環(huán)形區(qū)域的背景和所有控制按鈕，并設(shè)置每個(gè)控制按鈕的點(diǎn)擊監(jiān)聽； 確定環(huán)形區(qū)域的大小、該環(huán)形區(qū)域上每個(gè)控制按鈕的大小，以及每一控制按鈕中心點(diǎn)與該環(huán)形區(qū)域中心點(diǎn)連線相互之間的角度值； 根據(jù)所述角度值，以及每一控制按鈕的大小，確定每一控制按鈕的外接四邊形的左右上下四個(gè)邊在屏幕上顯示的坐標(biāo)值； 繪制環(huán)形區(qū)域的背景，并按照每一控制按鈕的外接四邊形的左右上下四個(gè)邊在屏幕上顯示的坐標(biāo)值，在所述背景上面逐個(gè)繪制每一控制按鈕，繪制完成時(shí)，用繪制結(jié)果更新屏幕顯示畫面。16.根據(jù)權(quán)利要求14所述的裝置，其特征在于，所述第三單元當(dāng)在所述路由器控制界面中的所述路由器的圖標(biāo)處接收到用戶的點(diǎn)擊指令時(shí)，顯示所述路由器信息展示界面。17.一種用戶設(shè)備，其特征在于，包括權(quán)利要求9-16任一權(quán)項(xiàng)所述的裝置。
【文檔編號(hào)】H04L12/771GK105867889SQ201510470315
【公開日】2016年8月17日
【申請(qǐng)日】2015年8月4日
【發(fā)明人】邵會(huì)文, 臧超
【申請(qǐng)人】樂(lè)視致新電子科技（天津）有限公司