TW201520880A - 調整使用者介面的方法及其電子裝置 - Google Patents
調整使用者介面的方法及其電子裝置 Download PDFInfo
- Publication number
- TW201520880A TW201520880A TW102142851A TW102142851A TW201520880A TW 201520880 A TW201520880 A TW 201520880A TW 102142851 A TW102142851 A TW 102142851A TW 102142851 A TW102142851 A TW 102142851A TW 201520880 A TW201520880 A TW 201520880A
- Authority
- TW
- Taiwan
- Prior art keywords
- gesture
- screen
- touch
- electronic device
- touch screen
- Prior art date
Links
Landscapes
- User Interface Of Digital Computer (AREA)
- Telephone Function (AREA)
Abstract
一種調整使用者介面的方法及其電子裝置。所述方法包括下列步驟。當使用者從休眠狀態啟動電子裝置時,控制觸控螢幕顯示鎖屏畫面。鎖屏畫面為電子裝置進入休眠狀態之前所顯示的畫面。當觸控螢幕偵測到輸入手勢時,判斷輸入手勢是否為點擊手勢。若是,忽略點擊手勢。若否,依據輸入手勢調整鎖屏畫面。
Description
本發明是有關於一種調整使用者介面的方法及其電子裝置。
隨著行動裝置(例如手機或平板電腦)的功能日益增多,使用者對於各種功能的頻繁、快速取用的行為也增多。然而因為螢幕鎖定功能的存在,使得使用者必須透過解鎖螢幕才能使用行動裝置中的各種小工具(widget)以及應用程式,或是瀏覽某些內容(例如文件及地圖等)。
一般而言,行動裝置的鎖屏畫面大都是在螢幕上顯示一個用於解鎖的圖標,用以讓使用者對其進行拖動而解鎖螢幕。或者,鎖屏畫面中亦可包括數個可供使用者自行設定的應用程式圖標。當使用者拖動這些應用程式圖標並接著放開這些應用程式圖標時,行動裝置可以解鎖其螢幕並進入對應的應用程式。
有鑑於此,本發明提供一種調整使用者介面的方法及其電子裝置,其可讓使用者在螢幕鎖定的情況下仍能瀏覽鎖屏畫面中的內容,並同時避免發生誤觸的情形。
本發明提供一種調整使用者介面的方法,適於包括觸控螢幕的電子裝置。所述方法包括下列步驟。當使用者從休眠狀態啟動電子裝置時,控制觸控螢幕顯示鎖屏畫面。鎖屏畫面為電子裝置進入休眠狀態之前所顯示的畫面。當觸控螢幕偵測到輸入手勢時,判斷輸入手勢是否為點擊手勢。若是,忽略點擊手勢。若否,依據輸入手勢調整鎖屏畫面。
本發明提供一種電子裝置,其包括觸控螢幕、儲存單元以及處理單元。儲存單元儲存多個模組。處理單元耦接觸控螢幕以及儲存單元,存取所述多個模組以執行下列步驟。當使用者從休眠狀態啟動電子裝置時,控制觸控螢幕顯示鎖屏畫面。鎖屏畫面為電子裝置進入休眠狀態之前所顯示的畫面。當觸控螢幕偵測到輸入手勢時,判斷輸入手勢是否為點擊手勢。若是,忽略點擊手勢。若否,依據輸入手勢調整鎖屏畫面。
基於上述,透過忽略在鎖屏畫面中接收到的點擊手勢,本發明提出的調整使用者介面的方法及其電子裝置可讓使用者透過例如滑動手勢等輸入手勢來瀏覽鎖屏畫面的內容,進而提供使用者不同於以往的使用者體驗。
為讓本發明的上述特徵和優點能更明顯易懂,下文特舉
實施例,並配合所附圖式作詳細說明如下。
100‧‧‧電子裝置
110‧‧‧觸控螢幕
120‧‧‧儲存單元
130‧‧‧處理單元
300、300’、300”、400、400’、500、500’、500”、700、800‧‧‧
鎖屏畫面
310、410、510、740、840‧‧‧滑動手勢
320、420、520、705‧‧‧解鎖圖標
530‧‧‧夾捏手勢
710‧‧‧應用程式圖標
720、810‧‧‧手指
730、830‧‧‧預設區域
820‧‧‧對話框
S210~S240、S610~S660‧‧‧步驟
圖1是依據本發明之一實施例繪示的電子裝置的功能方塊圖。
圖2是依據本發明之一實施例繪示的調整使用者介面的方法的流程圖。
圖3A至圖3B為依據本發明之一實施例繪示的調整鎖屏畫面示意圖。
圖4A至圖4B為依據本發明之一實施例繪示的調整鎖屏畫面示意圖。
圖5A至圖5C為依據本發明之一實施例繪示的調整鎖屏畫面示意圖。
圖6是依據本發明之一實施例繪示的調整使用者介面的方法的流程圖。
圖7A至圖7D是依據本發明之一實施例繪示的調整鎖屏畫面示意圖。
圖8A至圖8D是依據本發明之一實施例繪示的調整鎖屏畫面示意圖。
圖1是依據本發明之一實施例繪示的電子裝置的功能方塊圖。在本實施例中,電子裝置100包括觸控螢幕110、儲存單元120以及處理單元130。電子裝置100例如是智慧型手機、平板電腦、個人數位助理(Personal Digital Assistant,PDA)或是其他類似的裝置。觸控螢幕110例如是電容式觸控螢幕、電阻式觸控螢幕或聲波式觸控螢幕,但本發明的可實施方式不限於此。儲存單元120例如是記憶體、硬碟或是其他任何可用於儲存資料的元件,而可用以記錄多個程式碼或模組。
處理單元130耦接觸控螢幕110以及儲存單元120。處理單元130可為一般用途處理器、特殊用途處理器、傳統的處理器、數位訊號處理器、多個微處理器(microprocessor)、一個或多個結合數位訊號處理器核心的微處理器、控制器、微控制器、特殊應用集成電路(Application Specific Integrated Circuit,ASIC)、場可程式閘陣列電路(Field Programmable Gate Array,FPGA)、任何其他種類的積體電路、狀態機、基於進階精簡指令集機器(Advanced RISC Machine,ARM)的處理器以及類似品。
在本實施例中,處理單元130可存取儲存單元120所儲存的多個模組以執行本發明提出的調整使用者介面的方法的各個步驟。
圖2是依據本發明之一實施例繪示的調整使用者介面的方法的流程圖。本實施例提出的方法可由圖1所示的電子裝置100執行,以下即搭配圖1所示的各個元件來說明本方法的詳細步驟。
首先,在步驟S210中,當使用者從休眠狀態啟動電子裝置100時,處理單元130可控制觸控螢幕110顯示鎖屏畫面。所述鎖屏畫面例如是電子裝置100進入休眠狀態之前所顯示的畫面。換言之,本實施例的方法並非如同傳統的電子裝置一般是顯示某個可用以讓使用者輸入圖形、密碼的解鎖畫面,而是顯示例如網頁或應用程式頁面等使用者先前所操作的畫面。
接著,在步驟S220中,當觸控螢幕110偵測到輸入手勢時,處理單元130可判斷輸入手勢是否為點擊手勢。所述輸入手勢例如是一物件與觸控螢幕接觸的動作。所述物件例如是觸控筆、手指、手掌、身體部位或是任何可讓觸控螢幕110偵測到觸碰操作的物體。輸入手勢例如是點擊(tap)手勢、長按(long press)手勢、滑動手勢或是夾捏(pinch)手勢,但本發明的可實施方式不限於此。在一實施例中,當處理單元130偵測到位置固定的輸入手勢時,處理單元130可接續判斷此輸入手勢的觸碰時間是否大於一預設門限值(例如1秒)。若是,則處理單元130可將此輸入手勢識別為長按手勢,反之則可識別為點擊手勢。
若所述輸入手勢為點擊手勢,則處理單元130可執行步驟S230以忽略點擊手勢。換言之,此時使用者無法透過點擊的方式來觸發電子裝置100執行任何對應的動作。舉例而言,假設當前的鎖屏畫面為包括多個應用程式圖標的應用程式清單,但由於處理單元130忽略所有的點擊手勢,因此使用者無法透過點擊的方式來啟動任何應用程式。也就是說,電子裝置100仍可防止使
用者因誤觸而意外地啟動應用程式的情形發生。
然而,若所述輸入手勢不為點擊手勢,則處理單元130可執行步驟S240以依據輸入手勢調整鎖屏畫面。具體而言,此時使用者仍可透過例如滑動手勢及夾捏手勢等輸入手勢來進行例如滑動鎖屏畫面、切換鎖屏畫面、放大/縮小鎖屏畫面及/或捲動鎖屏畫面等輸入行為。
換言之,即便觸控螢幕110正顯示鎖屏畫面(例如是網頁或應用程式頁面),使用者仍可正常地透過點擊手勢之外的輸入手勢來瀏覽鎖屏畫面中欲觀看的內容。值得注意的是,由於處理單元130將忽略所偵測到的點擊手勢,因此,此時使用者無法進行例如啟動應用程式、編輯鎖屏畫面顯示的應用程式內容(例如輸入文字)、調整電子裝置100的設定或是其他實質上可更動電子裝置100組態的行為。
也就是說,透過忽略在鎖屏畫面中接收到的點擊手勢,本發明提出的調整使用者介面的方法可讓使用者透過例如滑動手勢等輸入手勢來瀏覽鎖屏畫面的內容,進而提供使用者不同於以往的使用者體驗。為了更清楚說明圖2所示方法的效果,以下另列舉三實施例。
圖3A至圖3B為依據本發明之一實施例繪示的調整鎖屏畫面示意圖。請參照圖3A,鎖屏畫面300例如是在使用者喚醒電子裝置100之後,觸控螢幕110所顯示的畫面。在本實施例中,鎖屏畫面300例如是包括多個應用程式圖標的應用程式清單。如
同先前實施例中所教示的,鎖屏畫面300即為電子裝置100在進入休眠狀態之前所顯示的畫面,但本發明的可實施方式不限於此。此外,為了讓使用者了解此時電子裝置100所顯示的是鎖屏畫面300而非一般的應用程式清單,觸控螢幕110可顯示解鎖圖標320。
在本實施例中,處理單元130將忽略任何使用者進行的點擊手勢,因而使得使用者無法透過點擊手勢來啟動鎖屏畫面300中的任何應用程式。然而,此時使用者仍可進行例如滑動手勢等輸入手動來調整鎖屏畫面300。舉例而言,當使用者輸入滑動手勢310(例如是由右方滑動至左方的滑動)時,處理單元130可對應地控制觸控螢幕110對應地向左方捲動鎖屏畫面300,進而讓觸控螢幕110顯示例如圖3B所示的鎖屏畫面300’。
圖4A至圖4B為依據本發明之一實施例繪示的調整鎖屏畫面示意圖。請參照圖4A,鎖屏畫面400例如是在使用者喚醒電子裝置100之後,觸控螢幕110所顯示的畫面。在本實施例中,鎖屏畫面400例如是包括多個日程事件的日程表。如同先前實施例中所教示的,鎖屏畫面400即為電子裝置100在進入休眠狀態之前所顯示的畫面,但本發明的可實施方式不限於此。此外,為了讓使用者了解此時電子裝置100所顯示的是鎖屏畫面400而非一般的日程表,觸控螢幕110可顯示解鎖圖標420。
在本實施例中,處理單元130將忽略任何使用者進行的點擊手勢,因而使得使用者無法透過點擊手勢來編輯鎖屏畫面400
中的任何日程事件。然而,此時使用者仍可進行例如滑動手勢等輸入手動來調整鎖屏畫面400。舉例而言,當使用者輸入滑動手勢410(例如是由下方滑動至上方的滑動)時,處理單元130可對應地控制觸控螢幕110對應地向上方捲動鎖屏畫面400,進而讓觸控螢幕110顯示例如圖4B所示的鎖屏畫面400’。
圖5A至圖5C為依據本發明之一實施例繪示的調整鎖屏畫面示意圖。請參照圖5A,鎖屏畫面500例如是在使用者喚醒電子裝置100之後,觸控螢幕110所顯示的畫面。在本實施例中,鎖屏畫面500例如是地圖應用程式的內容。如同先前實施例中所教示的,鎖屏畫面500即為電子裝置100在進入休眠狀態之前所顯示的畫面,但本發明的可實施方式不限於此。此外,為了讓使用者了解此時電子裝置100所顯示的是鎖屏畫面500而非一般的應用程式清單,觸控螢幕110可顯示解鎖圖標520。
在本實施例中,處理單元130將忽略任何使用者進行的點擊手勢,因而使得使用者無法透過點擊手勢來點擊鎖屏畫面500中的任何地點。然而,此時使用者仍可進行例如滑動手勢等輸入手動來調整鎖屏畫面500。舉例而言,當使用者輸入滑動手勢510(例如是由左方滑動至右方的滑動)時,處理單元130可對應地控制觸控螢幕110對應地向左方捲動鎖屏畫面500,進而讓觸控螢幕110顯示例如圖5B所示的鎖屏畫面500’。
請再次參照圖5A,當觸控螢幕110顯示鎖屏畫面500時,使用者亦可輸入夾捏手勢530,以放大鎖屏畫面500,進而讓觸控
螢幕顯示例如圖5C所示的鎖屏畫面500”。
在其他實施例中,本發明更提出了有別於傳統用於解鎖電子裝置的方法,以下將進行詳細說明。
請參照圖6,圖6是依據本發明之一實施例繪示的調整使用者介面的方法的流程圖。本實施例提出的方法可由圖1所示的電子裝置100執行,以下即搭配圖1所示的各個元件來說明本方法的詳細步驟。
在步驟S610中,當使用者從休眠狀態啟動電子裝置100時,處理單元130可控制觸控螢幕110顯示鎖屏畫面。在步驟S620中,當觸控螢幕110偵測到輸入手勢時,處理單元130可判斷輸入手勢是否為點擊手勢。若所述輸入手勢為點擊手勢,則處理單元130可執行步驟S630以忽略點擊手勢。步驟S610~S630的細節可參照圖2中步驟S210~S230的相關說明,在此不再贅述。
若所述輸入手勢不為點擊手勢時,在步驟S640中,當輸入手勢為長按手勢時,處理單元130可依據長按手勢的觸碰位置顯示預設區域。所述預設區域例如是以觸碰位置為中心,且具有特定半徑(例如是0.5公分)的圓形區域。或者,所述預設區域亦可以是包括觸碰位置的任意幾何圖形。
接著,在步驟S650中,當觸控螢幕110接續偵測到滑出預設區域的滑動手勢時,處理單元130可解鎖觸控螢幕110。之後,在步驟S660中,處理單元130可執行等同於觸碰位置被點擊時的操作。為了更清楚說明圖6所示方法的效果,以下另列舉二實施
例。
圖7A至圖7D是依據本發明之一實施例繪示的調整鎖屏畫面示意圖。請參照圖7A,鎖屏畫面700例如是在使用者喚醒電子裝置100之後,觸控螢幕110所顯示的畫面。在本實施例中,鎖屏畫面700例如是包括多個應用程式圖標的應用程式清單。此外,為了讓使用者了解此時電子裝置100所顯示的是鎖屏畫面700而非一般的應用程式清單,觸控螢幕110可顯示解鎖圖標705。當使用者欲解鎖並啟動對應於應用程式圖標710的應用程式時,使用者可透過手指720對應用程式圖標710輸入長按手勢(即,以手指720持續按壓應用程式圖標710)。
請參照圖7B,當處理單元130判斷使用者已輸入長按手勢時,處理單元130可依據此長按手勢的觸碰位置(例如是落於應用程式圖標710的顯示範圍內)而顯示預設區域730。
請參照圖7C,在觸控螢幕110顯示預設區域730之後,使用者可接續輸入滑動手勢740(例如是由左方滑動至右方的滑動)。如圖7C所示,當觸控螢幕110偵測到滑出預設區域730的滑動手勢740時,處理單元130可解鎖觸控螢幕110,並執行等同於觸碰位置被點擊時的操作。在本實施例中,由於長按操作的觸碰位置落於應用程式圖標710的顯示範圍內,因此,處理單元130可執行相當於應用程式圖標710被點擊時的操作。亦即,處理單元130可啟動對應於應用程式圖標710的應用程式,如圖7D所示。
此外,在其他實施例中,當使用者僅欲在不啟動應用程
式的情況下解鎖觸控螢幕110時,使用者可輸入起始於解鎖圖標705的滑動手勢。亦即,使用者可在按壓解鎖圖標705後,向任意方向滑動。當處理單元130判斷觸控螢幕110所偵測到的輸入手勢為起始於解鎖圖標705的滑動手勢時,處理單元130可直接解鎖觸控螢幕110,但本發明的可實施方式不限於此。
圖8A至圖8D是依據本發明之一實施例繪示的調整鎖屏畫面示意圖。請參照圖8A,鎖屏畫面800例如是在使用者喚醒電子裝置100之後,觸控螢幕110所顯示的畫面。在本實施例中,鎖屏畫面800例如是地圖應用程式的內容。
當使用者欲編輯對話框820的內容時,使用者可透過手指810向對話框820輸入長按手勢(即,以手指820持續按壓對話框820)。
請參照圖8B,當處理單元130判斷使用者已輸入長按手勢時,處理單元130可依據此長按手勢的觸碰位置(例如是落於對話框820的顯示範圍內)而顯示預設區域830。
請參照圖8C,在觸控螢幕110顯示預設區域830之後,使用者可接續輸入滑動手勢840(例如是由上方滑動至下方的滑動)。如圖8C所示,當觸控螢幕110偵測到滑出預設區域830的滑動手勢840時,處理單元130可解鎖觸控螢幕110,並執行等同於觸碰位置被點擊時的操作。在本實施例中,由於長按操作的觸碰位置落於對話框820的顯示範圍內,因此,處理單元130可執行相當於對話框820被點擊時的操作,如圖8D所示。
綜上所述,透過忽略在鎖屏畫面中接收到的點擊手勢,本發明提出的調整使用者介面的方法及其電子裝置可讓使用者透過例如滑動手勢等輸入手勢來瀏覽鎖屏畫面的內容,進而提供使用者不同於以往的使用者體驗,並同時防止使用者因誤觸而意外地啟動應用程式的情形發生。
此外,在觸控螢幕顯示鎖屏畫面的情況下,本發明提出的調整使用者介面方法及電子裝置更可在偵測到使用者輸入長按手勢時,對應地顯示預設區域,進而讓使用者可透過輸入滑出預設區域的滑動手勢來解鎖觸控螢幕。換言之,使用者可採用有別於以往的解鎖方式來解鎖電子裝置的觸控螢幕。
雖然本發明已以實施例揭露如上,然其並非用以限定本發明,任何所屬技術領域中具有通常知識者,在不脫離本發明的精神和範圍內,當可作些許的更動與潤飾,故本發明的保護範圍當視後附的申請專利範圍所界定者為準。
S210~S240‧‧‧步驟
Claims (10)
- 一種調整使用者介面的方法,適於包括一觸控螢幕的一電子裝置,所述方法包括下列步驟:當一使用者從一休眠狀態啟動該電子裝置時,控制該觸控螢幕顯示一鎖屏畫面,其中該鎖屏畫面為該電子裝置進入該休眠狀態之前所顯示的一畫面;當該觸控螢幕偵測到一輸入手勢時,判斷該輸入手勢是否為一點擊手勢;若是,忽略該點擊手勢;以及若否,依據該輸入手勢調整該鎖屏畫面。
- 如申請專利範圍第1項所述的方法,其中依據該輸入手勢調整該鎖屏畫面的步驟包括:當該輸入手勢為一長按手勢時,依據該長按手勢的一觸碰位置顯示一預設區域;以及當該觸控螢幕接續偵測到滑出該預設區域的一滑動手勢時,解鎖該觸控螢幕。
- 如申請專利範圍第2項所述的方法,其中在解鎖該觸控螢幕的步驟之後,更包括:執行等同於該觸碰位置被點擊時的一操作。
- 如申請專利範圍第3項所述的方法,其中當該觸控位置觸碰位置對應於一應用程式的一圖標時,執行等同於該觸控位置觸碰位置被點擊時的該操作的步驟包括啟動該應用程式。
- 如申請專利範圍第1項所述的方法,其中該鎖屏畫面包括一解鎖圖標,且依據該輸入手勢調整該鎖屏畫面的步驟包括:當該輸入手勢為起始於該解鎖圖標的一滑動手勢時,解鎖該觸控螢幕。
- 一種電子裝置,包括:一觸控螢幕;一儲存單元,儲存多個模組;以及一處理單元,耦接該觸控螢幕以及該儲存單元,存取該些模組以執行下列步驟:當一使用者從一休眠狀態啟動該電子裝置時,控制該觸控螢幕顯示一鎖屏畫面,其中該鎖屏畫面為該電子裝置進入該休眠狀態之前所顯示的一畫面;當該觸控螢幕偵測到一輸入手勢時,判斷該輸入手勢是否為一點擊手勢;若是,忽略該點擊手勢;以及若否,依據該輸入手勢調整該鎖屏畫面。
- 如申請專利範圍第6項所述的電子裝置,其中該輸入手勢包括一長按手勢,且該處理單元經配置以:當該輸入手勢為一長按手勢時,依據該長按手勢的一觸碰位置顯示一預設區域;以及當該觸控螢幕接續偵測到滑出該預設區域的一滑動手勢時,解鎖該觸控螢幕。
- 如申請專利範圍第7項所述的電子裝置,其中該處理單元更經配置以:執行等同於該觸碰位置被點擊時的一操作。
- 如申請專利範圍第8項所述的電子裝置,其中當該觸碰位置對應於一應用程式的一圖標時,該處理單元啟動該應用程式。
- 如申請專利範圍第6項所述的電子裝置,其中該鎖屏畫面包括一解鎖圖標,且該處理單元經配置以:當該輸入手勢為起始於該解鎖圖標的一滑動手勢時,解鎖該觸控螢幕。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
TW102142851A TW201520880A (zh) | 2013-11-25 | 2013-11-25 | 調整使用者介面的方法及其電子裝置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
TW102142851A TW201520880A (zh) | 2013-11-25 | 2013-11-25 | 調整使用者介面的方法及其電子裝置 |
Publications (1)
Publication Number | Publication Date |
---|---|
TW201520880A true TW201520880A (zh) | 2015-06-01 |
Family
ID=53935044
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
TW102142851A TW201520880A (zh) | 2013-11-25 | 2013-11-25 | 調整使用者介面的方法及其電子裝置 |
Country Status (1)
Country | Link |
---|---|
TW (1) | TW201520880A (zh) |
-
2013
- 2013-11-25 TW TW102142851A patent/TW201520880A/zh unknown
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US11709560B2 (en) | Device, method, and graphical user interface for navigating through a user interface using a dynamic object selection indicator | |
KR101892567B1 (ko) | 단말기에서 콘텐츠 이동 방법 및 장치 | |
US8976140B2 (en) | Touch input processor, information processor, and touch input control method | |
US9304656B2 (en) | Systems and method for object selection on presence sensitive devices | |
US20160004373A1 (en) | Method for providing auxiliary information and touch control display apparatus using the same | |
KR102044826B1 (ko) | 마우스 기능 제공 방법 및 이를 구현하는 단말 | |
US20140071049A1 (en) | Method and apparatus for providing one-handed user interface in mobile device having touch screen | |
US10222881B2 (en) | Apparatus and associated methods | |
WO2019119799A1 (zh) | 一种显示应用图标的方法及终端设备 | |
US9304650B2 (en) | Automatic cursor rotation | |
US20160142662A1 (en) | Display apparatus and control method thereof | |
CN107632761B (zh) | 一种显示内容查看方法、移动终端和计算机可读存储介质 | |
US20150153925A1 (en) | Method for operating gestures and method for calling cursor | |
KR20150111651A (ko) | 즐겨찾기모드 조작방법 및 이를 수행하는 터치 스크린을 포함하는 장치 | |
KR102296968B1 (ko) | 즐겨찾기모드 조작방법 및 이를 수행하는 터치 스크린을 포함하는 장치 | |
KR20150122021A (ko) | 디스플레이 대상의 이동 방향 조절 방법 및 단말기 | |
US20140085340A1 (en) | Method and electronic device for manipulating scale or rotation of graphic on display | |
US20150116281A1 (en) | Portable electronic device and control method | |
TW201520880A (zh) | 調整使用者介面的方法及其電子裝置 | |
CN103870105A (zh) | 信息处理的方法及电子设备 | |
US20220066630A1 (en) | Electronic device and touch method thereof | |
US20150248229A1 (en) | Electronic devices and methods for controlling user interface |