[go: up one dir, main page]

TWI855325B - 電子裝置及其視窗介面調整方法 - Google Patents

電子裝置及其視窗介面調整方法 Download PDF

Info

Publication number
TWI855325B
TWI855325B TW111118733A TW111118733A TWI855325B TW I855325 B TWI855325 B TW I855325B TW 111118733 A TW111118733 A TW 111118733A TW 111118733 A TW111118733 A TW 111118733A TW I855325 B TWI855325 B TW I855325B
Authority
TW
Taiwan
Prior art keywords
window
interface
windows
scroll bar
window interface
Prior art date
Application number
TW111118733A
Other languages
English (en)
Other versions
TW202307641A (zh
Inventor
陽耀賢
巫孟儒
許政皓
余亭萱
劉漢財
鄒志強
Original Assignee
仁寶電腦工業股份有限公司
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 仁寶電腦工業股份有限公司 filed Critical 仁寶電腦工業股份有限公司
Publication of TW202307641A publication Critical patent/TW202307641A/zh
Application granted granted Critical
Publication of TWI855325B publication Critical patent/TWI855325B/zh

Links

Images

Landscapes

  • User Interface Of Digital Computer (AREA)

Abstract

本發明提出一種電子裝置及其視窗介面調整方法。視窗介面調整方法適用於包括可伸縮螢幕的電子裝置,並包括下列步驟。透過可伸縮螢幕顯示第一視窗介面,其中第一視窗介面包括多個視窗。反應於可伸縮螢幕伸展為展開狀態,調整這些視窗的視窗顯示配置,以透過可伸縮螢幕自顯示第一視窗介面轉換為顯示第二視窗介面。第二視窗介面中視窗的視窗顯示配置依據第一視窗介面中各視窗的視窗特性而決定。

Description

電子裝置及其視窗介面調整方法
本發明是有關於一種電子產品,且特別是有關於一種電子裝置及其視窗介面調整方法。
近年來,隨著柔性顯示螢幕技術的發展越來成熟,具備可伸縮螢幕的可攜式電子裝置也越來越受到重視。當將可伸縮螢幕應用於可攜式電子裝置上時,不僅使得可攜式電子裝置可在可伸縮螢幕伸展時以較大面積進行顯示,又可以根據需要而收縮以便於攜帶。可理解地,當可伸縮螢幕伸展為展開狀態時,螢幕的顯示區域變得更大,因此使用者往往需要重新手動調整視窗的視窗顯示配置,以使得顯示於可伸縮螢幕上的視窗可符合使用者的操作需求。然而,使用者需要透過繁瑣的操作來逐一手動調整各視窗的位置與尺寸。
本發明提供一種電子裝置及其視窗介面調整方法,當可 伸縮螢幕伸展為展開狀態時,可伸縮螢幕所顯示的視窗介面的視窗顯示配置或視窗界面的大小,可適應性地自動調整。
本發明實施例提出一種視窗介面調整方法,適用於包括可伸縮螢幕的電子裝置,所述方法包括下列步驟。透過可伸縮螢幕顯示第一視窗介面,其中第一視窗介面包括多個視窗。反應於可伸縮螢幕伸展為展開狀態,調整這些視窗的視窗顯示配置,以透過可伸縮螢幕自顯示第一視窗介面轉換為顯示第二視窗介面。第二視窗介面中視窗的視窗顯示配置依據第一視窗介面中各視窗的視窗特性而決定。
本發明實施例提出一種電子裝置,其包括可伸縮螢幕、儲存裝置,以及處理器。處理器耦接可伸縮螢幕以及儲存裝置,經配置以執行下列步驟。透過可伸縮螢幕顯示第一視窗介面,其中第一視窗介面包括多個視窗。反應於可伸縮螢幕伸展為展開狀態,調整這些視窗的視窗顯示配置,以透過可伸縮螢幕自顯示第一視窗介面轉換為顯示第二視窗介面。第二視窗介面中視窗的視窗顯示配置依據第一視窗介面中各視窗的視窗特性而決定。
基於上述,於本發明實施例中,反應於電子裝置的可伸縮螢幕從原始狀態沿伸縮方向伸展為展開狀態,可伸縮螢幕將自顯示第一視窗介面自動轉換為顯示第二視窗介面,且第二視窗介面中視窗的視窗顯示配置是依據第一視窗介面中各視窗的視窗特性而決定。藉此,使用者無須因應可伸縮螢幕的顯示區域變大來手動調整視窗顯示配置。
為讓本發明的上述特徵和優點能更明顯易懂,下文特舉實施例,並配合所附圖式作詳細說明如下。
100:電子裝置
110:可伸縮螢幕
120:儲存裝置
130:處理器
140:輸入裝置
D1:伸縮方向
41,43,45,47,71,73,75,101,103,105,1301:第一視窗介面
42,44,46,48,72,74,76,102,104,106,1302:第二視窗介面
W1,W3,W5,W7,W10,W11,W13,W15,W17,W19:第一視窗
W2,W4,W6,W8,W9,W12,W14,W16,W18,W20:第二視窗
SC1,SC2,SC6,SC7,SC9:縱向滾動條
SC4,SC8:橫向滾動條
M1:主畫面
T1:工具列
Z1:視窗位移區域
TP1,TP2:滑動操作
S301~S313、S601~S610、S901~S906、S1201~S1208:步驟
圖1是本發明一實施例的電子裝置的方塊圖。
圖2是本發明一實施例的電子裝置的操作情境示意圖。
圖3是本發明一實施例的視窗介面調整方法的流程圖。
圖4A至圖4D是本發明一實施例的根據滾動條狀態調整視窗介面的示意圖。
圖5A至圖5B是本發明一實施例的決定視窗尺寸的示意圖。
圖6是本發明的一實施例的視窗介面調整方法的流程圖。
圖7A至圖7B是本發明一實施例的根據視窗面積調整視窗介面的示意圖。
圖8A至圖8C是本發明一實施例的決定視窗尺寸的示意圖。
圖9是本發明一實施例的視窗介面調整方法的流程圖。
圖10是本發明一實施例的根據視窗前後調整視窗介面的示意圖。
圖11A至圖11C是本發明一實施例的決定視窗尺寸的示意圖。
圖12是本發明一實施例的視窗介面調整方法的流程圖。
圖13是本發明一實施例的根據特定應用程式調整視窗介面 的示意圖。
圖14A至圖14C是本發明一實施例的根據使用者操作調整視窗排列順序的操作示意圖。
為了使本發明之內容可以被更容易明瞭,以下特舉實施例做為本揭示確實能夠據以實施的範例。另外,凡可能之處,在圖式及實施方式中使用相同標號的元件/構件/步驟,係代表相同或類似部件。
圖1是本發明一實施例的電子裝置的方塊圖。請參照圖1,電子裝置100可包括可伸縮螢幕110、儲存裝置120,以及處理器130,以及輸入裝置140。處理器130耦接可伸縮螢幕110、儲存裝置120,以及輸入裝置140。電子裝置100可實施為智慧型手機、平板電腦、筆記型電腦或桌上型電腦等顯示有視窗介面的電子產品,本發明不在此設限。
可伸縮螢幕110包括柔性螢幕與伸縮機構。基於柔性螢幕具備可撓性的特性,部份的柔性螢幕可以彎曲、捲曲或折疊而收納於電子裝置100的內部容置空間。因應伸縮機構的伸縮動作,更多的柔性螢幕可暴露於電子裝置100的內部容置空間之外,從而提升可伸縮螢幕110的顯示尺寸。柔性螢幕例如是有機發光二極體(Organic Light-Emitting Diode,OLED)。
儲存裝置120可用以儲存檔案、影像、指令、程式碼、 軟體模組等等資料,其可以例如是任意型式的固定式或可移動式隨機存取記憶體(random access memory,RAM)、唯讀記憶體(read-only memory,ROM)、快閃記憶體(flash memory)、硬碟或其他類似裝置、積體電路及其組合。
處理器130可執行記錄於儲存裝置120中的程式碼、軟體模組、指令等等。處理器130例如是中央處理單元(central processing unit,CPU)、應用處理器(application processor,AP),或是其他可程式化之一般用途或特殊用途的微處理器(microprocessor)、數位訊號處理器(digital signal processor,DSP)、可程式化控制器、特殊應用積體電路(Application Specific Integrated Circuits,ASIC)、可程式化邏輯裝置(Programmable Logic Device,PLD)、圖形處理器(graphics processing unit,GPU)或其他類似裝置、積體電路及其組合。處理器130可存取並執行記錄在儲存裝置120中的軟體模組,以實現本發明實施例中的視窗介面調整方法。上述軟體模組可廣泛地解釋為意謂指令、指令集、代碼、程式碼、程式、應用程式、軟體套件、執行緒、程序、功能等,而不管其是被稱作軟體、韌體、中間軟體、微碼、硬體描述語言亦或其他者。
輸入裝置140用以接收使用者下達的使用者操作,例如是滑鼠、鍵盤、觸控裝置、按鍵或遙控器等等。
圖2是本發明一實施例的電子裝置的操作情境示意圖。請參照圖2,實施為筆記型電腦的電子裝置100具備可伸縮螢幕 110。可伸縮螢幕110的上邊框可沿伸縮方向D1向上拉伸預設距離△d,使得可伸縮螢幕110的螢幕尺寸得以增加。舉例而言,可伸縮螢幕110的螢幕尺寸可因應於可伸縮螢幕110被拉伸而從16吋增加為17.3吋或18.1吋,但本發明不以此為限。如圖2所示,反應於可伸縮螢幕110伸展為展開狀態,可伸縮螢幕110於垂直軸向(即Y軸向)上的螢幕高度將增加。換言之,如圖2所示,當可伸縮螢幕110尚未被拉伸而為原始狀態時,可伸縮螢幕110具有第一螢幕高度。當可伸縮螢幕110被拉伸而為展開狀態時,可伸縮螢幕110具有第二螢幕高度。第二螢幕高度大於第一螢幕高度。
於一些實施例中,在可伸縮螢幕110伸展為展開狀態之前,處理器130透過可伸縮螢幕110顯示第一視窗介面,其中第一視窗介面包括多個視窗。本發明對於第一視窗介面中的視窗的數量並不加以限制,例如是2個、3個或其他數量。這些視窗可以是各類應用程式的應用程式視窗,例如是網頁視窗、文件視窗或多媒體播放器視窗等等。反應於可伸縮螢幕110伸展為展開狀態,處理器130可調整這些視窗的視窗顯示配置,以透過可伸縮螢幕110自顯示第一視窗介面轉換為顯示第二視窗介面。
也就是說,當使用者將可伸縮螢幕110拉伸為展開狀態時,可伸縮螢幕110將自動從顯示第一視窗介面轉換為顯示第二視窗介面。須注意的是,第二視窗介面中視窗的視窗顯示配置是依據第一視窗介面中各視窗的視窗特性而決定。第一視窗介面中各 視窗的視窗特性可包括滾動條狀態、視窗面積、視窗前後位置,或視窗所對應的特定應用程式等等,而視窗顯示配置包括視窗尺寸、視窗顯示位置、排列方向與視窗排列順序等等。也就是說,反應於可伸縮螢幕110伸展為展開狀態而增加顯示面積,處理器130可根據第一視窗介面中各視窗的視窗特性來調整這些視窗的視窗尺寸、視窗位置或視窗排列順序,並將經調整的視窗顯示於第二視窗介面,以更充分利用可伸縮螢幕110的增量顯示面積且更貼近使用者的操作需求。
以下將針對第一視窗介面中各視窗的視窗特性分別為滾動條狀態、視窗面積、視窗前後位置,以及視窗所對應的特定應用程式列舉詳細實施方式進行說明。
圖3是本發明一實施例的視窗介面調整方法的流程圖。請參照圖3,本實施例的方式適用於上述實施例中的電子裝置100,以下即搭配電子裝置100中的各項元件說明本實施例視窗介面調整方法的詳細步驟。
須說明的是,於圖3所示實施例中,第一視窗介面中各視窗的視窗特性包括滾動條狀態,而第二視窗介面中視窗的排列方向依據第一視窗介面中各視窗的該滾動條狀態而決定。換言之,處理器130可根據各視窗於第一視窗介面中的滾動條狀態來決定第二視窗介面中這些視窗的排列方向。
於步驟S301,可伸縮螢幕110維持於原始狀態並顯示第一視窗介面。於步驟S302,處理器130判斷可伸縮螢幕110是否 伸展為展開狀態。當可伸縮螢幕110維持於原始狀態,可伸縮螢幕110具有第一螢幕面積。當可伸縮螢幕110伸展為展開狀態,可伸縮螢幕110具有第二螢幕面積,且第二螢幕面積將大於第一螢幕面積。若步驟S302判斷為否,處理器130控制可伸縮螢幕110繼續顯示第一視窗介面。若步驟S302判斷為是,於步驟S303,處理器130偵測第一視窗介面所顯示的視窗數量。
接著,於步驟S304,處理器130判斷第一視窗介面中的第一視窗與第二視窗是否具備滾動條(Scrollbar),亦可稱為視窗捲軸。具體而言,當視窗尺寸不足以顯示所有資訊時,視窗將具備縱向滾動條或橫向滾動條,好讓使用者可透過滾動滾動條來觀看到視窗所呈現的所有資訊。於一些實施例中,當第一視窗介面中的第一視窗具備滾動條,處理器130可依據第一視窗介面中第一視窗的滾動條的滾動方向決定第一視窗與第二視窗於第二視窗介面中的排列方向。於一些實施例中,處理器130可透過判斷第一視窗介面中的多個視窗是否具備滾動條以及比較滾動條之可滾動量來決定出第一視窗。
當第一視窗具備滾動條且第二視窗不具備滾動條時,於步驟S305,處理器130判斷第一視窗介面中第一視窗的滾動條包括縱向滾動條或橫向滾動條,亦即判斷第一視窗的滾動條的滾動方向。
當第一視窗介面中第一視窗的滾動條包括縱向滾動條,於步驟S307,處理器130決定第一視窗與第二視窗水平排列於第 二視窗介面中。也就是說,對於使用者而言,第一視窗與第二視窗會左右排列於第二視窗介面中。於一些實施例中,處理器130可將第二視窗介面中的第一視窗與第二視窗置頂對齊。此外,處理器130可將第二視窗介面中的第一視窗的左邊界對齊貼合於可伸縮螢幕110的左螢幕邊緣,並將第二視窗的右邊界對齊貼合於可伸縮螢幕110的右螢幕邊緣。舉例而言,圖4A是本發明一實施例的根據滾動條狀態調整視窗介面的示意圖。請參照圖4A,在可伸縮螢幕110伸展為展開狀態之前,可伸縮螢幕110顯示有第一視窗介面41,第一視窗介面41包括第一視窗W1與第二視窗W2。由於第一視窗W1包括縱向滾動條SC1,處理器130決定將第一視窗W1與第二視窗W2水平排列於第二視窗介面42中,致使處理器130可將第一視窗W1的視窗高度調整為等於可伸縮螢幕110拉伸後的螢幕高度。如圖4A的範例所示,基於第一視窗W1的視窗高度被調整為等於可伸縮螢幕110拉伸後的螢幕高度,第二視窗介面中42中第一視窗W1的縱向滾動條SC2的可滾動量將小於第一視窗介面中41中第一視窗W1的縱向滾動條SC1的可滾動量。藉此,處於伸展狀態的可伸縮螢幕110可顯示更多資訊量。
回到圖3,當第一視窗介面中第一視窗的滾動條包括橫向滾動條,於步驟S308,處理器130決定第一視窗與第二視窗垂直排列於第二視窗介面中。也就是說,對於使用者而言,第一視窗與第二視窗會上下排列於第二視窗介面中。舉例而言,圖4B是本發明一實施例的根據滾動條狀態調整視窗介面的示意圖。請參照圖 4B,在可伸縮螢幕110伸展為展開狀態而之前,可伸縮螢幕110顯示有第一視窗介面43,第一視窗介面43包括第一視窗W3與第二視窗W4。由於第一視窗W3包括橫向滾動條SC3,處理器130決定將第一視窗W1與第二視窗W2垂直排列於第二視窗介面44中,致使處理器130可將第一視窗W3的視窗寬度調整為等於可伸縮螢幕110的螢幕寬度。如圖4B的範例所示,第二視窗介面中44中第一視窗W3將不具備滾動條。藉此,處於伸展狀態的可伸縮螢幕110可顯示更多資訊量。須注意的是,於其他實施例中,第二視窗介面中44中第一視窗W3亦可能具備橫向滾動條,但第二視窗介面中44中第一視窗W3的橫向滾動條的可滾動量將小於第一視窗介面中43中第一視窗W3的橫向滾動條SC3的可滾動量。
回到圖3,當第一視窗介面中第一視窗的滾動條包括縱向滾動條與橫向滾動條,於步驟S306,處理器130判斷第一視窗的縱向滾動條的可滾動量是否大於橫向滾動條的可滾動量。也就是說,當第一視窗介面中第一視窗的滾動條包括縱向滾動條與橫向滾動條,處理器130比較第一視窗的縱向滾動條的可滾動量以及第一視窗的橫向滾動條的可滾動量。
當第一視窗的縱向滾動條的可滾動量大於第一視窗的橫向滾動條的可滾動量(步驟S306判斷為是),於步驟S307,處理器130決定第一視窗與第二視窗水平排列於第二視窗介面中。當第一視窗的縱向滾動條的可滾動量未大於第一視窗的橫向滾動條的可滾動量(步驟S306判斷為否),於步驟S308,處理器130決 定第一視窗與第二視窗垂直排列於第二視窗介面中。
舉例而言,圖4C是本發明一實施例的根據滾動條狀態調整視窗介面的示意圖。請參照圖4C,在可伸縮螢幕110伸展為展開狀態而之前,可伸縮螢幕110顯示有第一視窗介面45,第一視窗介面45包括第一視窗W5與第二視窗W6。由於第一視窗W5包括橫向滾動條SC4與縱向滾動條SC5,處理器130比較第一視窗W5的縱向滾動條SC5的可滾動量以及第一視W5窗的橫向滾動條SC4的可滾動量。於本範例中,假設縱向滾動條SC5的可滾動量大於橫向滾動條SC4的可滾動量,處理器130將決定將第一視窗W5與第二視窗W6水平排列於第二視窗介面46中,致使處理器130可將第一視窗W5的視窗高度調整為等於可伸縮螢幕110拉伸後的螢幕高度。如圖4C的範例所示,第二視窗介面中46中第一視窗W5的縱向滾動條SC6的可滾動量將小於第一視窗介面中45中第一視窗W5的縱向滾動條SC5的可滾動量,且第二視窗介面中46中第一視窗W5不具備橫向滾動條。
回到圖3,當第一視窗與第二視窗皆具備滾動條,於步驟S309,處理器130判斷第一視窗的滾動條的可滾動量是否大於第二視窗的滾動條的可滾動量。也就是說,當第一視窗介面中的第一視窗具備滾動條且第二視窗具備滾動條,處理器130比較第一視窗的滾動條的可滾動量以及第二視窗的滾動條的可滾動量。當第一視窗的滾動條的可滾動量大於第二視窗的滾動條的可滾動量,處理器130依據第一視窗介面中第一視窗的滾動條的滾動方向決 定第一視窗與第二視窗於第二視窗介面中的排列方向。於是,當第一視窗的滾動條的可滾動量大於第二視窗的滾動條的可滾動量(步驟S309判斷為是),回到步驟S305。
另一方面,當第一視窗的滾動條的可滾動量未大於第二視窗的滾動條的可滾動量(步驟S309判斷為否),處理器130可根據第一視窗介面中第二視窗的滾動條的滾動方向來決定第二視窗介面中第一視窗與第二視窗的排列方向。於是,於步驟S310,處理器130判斷第一視窗介面中第二視窗的滾動條包括縱向滾動條或橫向滾動條。當第一視窗介面中第二視窗的滾動條包括縱向滾動條,於步驟S307,處理器130決定第一視窗與第二視窗水平排列於第二視窗介面中。當第一視窗介面中第二視窗的滾動條包括橫向滾動條,於步驟S308,處理器130決定第一視窗與第二視窗垂直排列於第二視窗介面中。
當第一視窗介面中第二視窗的滾動條包括縱向滾動條與橫向滾動條,於步驟S311,處理器130判斷第二視窗的縱向滾動條的可滾動量是否大於橫向滾動條的可滾動量。當第二視窗的縱向滾動條的可滾動量大於第二視窗的橫向滾動條的可滾動量(步驟S311判斷為是),於步驟S307,處理器130決定第一視窗與第二視窗水平排列於第二視窗介面中。當第二視窗的縱向滾動條的可滾動量未大於第二視窗的橫向滾動條的可滾動量(步驟S311判斷為否),於步驟S308,處理器130決定第一視窗與第二視窗垂直排列於第二視窗介面中。
舉例而言,圖4D是本發明一實施例的根據滾動條狀態調整視窗介面的示意圖。請參照圖4D,在可伸縮螢幕110伸展為展開狀態之前,可伸縮螢幕110顯示有第一視窗介面47,第一視窗介面47包括第一視窗W7與第二視窗W8。由於第一視窗W7包括縱向滾動條SC7且第二視窗W8包括橫向滾動條SC8,處理器130比較第一視窗W7的縱向滾動條SC7的可滾動量以及第二視窗W8的橫向滾動條SC8的可滾動量。於本範例中,假設第一視窗W7的縱向滾動條SC7的可滾動量大於第二視窗W8的橫向滾動條SC8的可滾動量,處理器130將決定將第一視窗W7與第二視窗W8水平排列於第二視窗介面48中。如圖4D所示,第二視窗介面中48中第一視窗W7的縱向滾動條SC9的可滾動量將小於第一視窗介面中47中第一視窗W7的縱向滾動條SC7的可滾動量,且第二視窗介面中48中第二視窗W8可不具備橫向滾動條。
回到圖3,當第一視窗與第二視窗皆不具備滾動條,於步驟S312,處理器130判斷主視窗。處理器130可根據視窗面積、游標位置或視窗前後位置而從多個視窗中挑選出一個主視窗。於步驟S313,處理器130將主視窗置頂於可伸縮螢幕110的最上方位置,並將其餘視窗填入主視窗下方的剩餘介面空間。
值得一提的是,於根據滾動條調整視窗介面的一些實施例中,第二視窗介面中第一視窗於第一軸向上的視窗長度更新為小於等於可伸縮螢幕110於第一軸向上的螢幕長度,第二視窗介面中第一視窗於第二軸向上的視窗長度與第二視窗於第二軸向上 的視窗長度的總和小於等於可伸縮螢幕110於第二軸向上的螢幕長度。第一軸向為第一視窗介面中第一視窗的滾動條的滾動方向,且第二軸向垂直於第一軸向。於根據滾動條調整視窗介面的一實施例中,當第一軸向為垂直軸向(即Y軸向)時,第二軸向為水平軸向(即X軸向)。於根據滾動條調整視窗介面的另一實施例中,當第一軸向為水平軸向時,第二軸向為垂直軸向。
換言之,當第一視窗與第二視窗水平排列於第二視窗介面中時(如圖4A、4B與4D所示範例),第一視窗與第二視窗於垂直軸向(即第一軸向)上的視窗長度更新為小於或等於可伸縮螢幕110於垂直軸向上的螢幕長度,且第二視窗介面中第一視窗於水平軸向(即第二軸向)上的視窗長度與第二視窗於水平軸向上的視窗長度的總和等於可伸縮螢幕110於水平軸向上的螢幕長度。另一方面,當第一視窗與第二視窗垂直排列於第二視窗介面中時(如圖4C所示範例),第一視窗與第二視窗於水平軸向(即第一軸向)上的視窗長度更新為等於可伸縮螢幕110於水平軸向上的螢幕長度,且第二視窗介面中第一視窗於垂直軸向(即第二軸向)上的視窗長度與第二視窗於垂直軸向上的視窗長度的總和等於可伸縮螢幕110於垂直軸向上的螢幕長度。
舉例而言,圖5A至圖5B是本發明一實施例的決定視窗尺寸的示意圖。請參照圖5A,在可伸縮螢幕110伸展為展開狀態之前,可伸縮螢幕110顯示包括有第一視窗W1以及第二視窗W2的第一視窗介面41。第一視窗W1具有縱向滾動條,即第一視窗 介面41中第一視窗W1的滾動條的滾動方向為垂直軸向。反應於可伸縮螢幕110伸展為展開狀態,第二視窗介面42中第一視窗W1於垂直軸向上的視窗長度更新為等於拉伸後可伸縮螢幕110於垂直軸向上的螢幕長度。第二視窗介面42中第一視窗W1於水平軸向上的視窗長度與第二視窗W2於水平軸向上的視窗長度的總和等於可伸縮螢幕110於水平軸向上的螢幕長度。詳細而言,於圖5A中,第二視窗介面42中第一視窗W1於水平軸向上的視窗長度Xa’等於第一視窗介面41中第一視窗W1於水平軸向上的視窗長度Xa,即Xa’=Xa。第二視窗介面42中第二視窗W2於水平軸向上的視窗長度Xb’等於可伸縮螢幕110於水平軸向上的螢幕長度減去第一視窗W1於水平軸向上的視窗長度Xa’,即Xb’=螢幕X軸長度-Xa’。
請參照圖5B,相似於圖5A範例,反應於可伸縮螢幕110伸展為展開狀態,第二視窗介面42中第一視窗W1於垂直軸向上的視窗長度更新為等於伸展後可伸縮螢幕110於垂直軸向上的螢幕長度。須特別說明的是,相異於圖5A範例,於圖5B中,第二視窗介面42中第一視窗W1於水平軸向上的視窗長度Xa”可更新為等於可伸縮螢幕110於水平軸向上的螢幕長度乘上一比例,此比例是根據第一視窗介面41中第一視窗W1於水平軸向上的視窗長度Xa以及第二視窗W2於水平軸向上的視窗長度Xb而定,即Xa”=螢幕X軸長度*(Xa/(Xa+Xb))。第二視窗介面42中第二視窗W2於水平軸向上的視窗長度Xb”可更新為等於可伸縮螢幕110於 水平軸向上的螢幕長度乘上另一比例,即Xb”=螢幕X軸長度*(Xb/(Xa+Xb))。
圖6是本發明一實施例的視窗介面調整方法的流程圖。請參照圖6,本實施例的方式適用於上述實施例中的電子裝置100,以下即搭配電子裝置100中的各項元件說明本實施例視窗介面調整方法的詳細步驟。
須說明的是,於圖6所示實施例中,第一視窗介面中各視窗的視窗特性包括視窗面積,而第二視窗介面中視窗的顯示位置依據第一視窗介面中各視窗的視窗面積而決定。換言之,處理器130可根據各視窗於第一視窗介面中的視窗面積來決定第二視窗介面中這些視窗的顯示位置。
於步驟S601,可伸縮螢幕110維持於原始狀態並顯示第一視窗介面。於步驟S602,處理器130判斷可伸縮螢幕110是否伸展為展開狀態。於步驟S603,處理器130偵測第一視窗介面所顯示的視窗數量。步驟S601~步驟S603的操作相似於前述實施例的步驟S301~步驟S303的操作,於此不在贅述。
於步驟S604,處理器130計算各視窗的視窗面積。於步驟S605,處理器130比較第一視窗介面中第一視窗的視窗面積與第二視窗的視窗面積。
於步驟S606,當第一視窗介面中第一視窗的視窗面積大於第二視窗的視窗面積,處理器130將第二視窗介面中的第一視窗並列顯示於第二視窗的上方。相反地,於步驟S608,當第一視 窗介面中第一視窗的視窗面積小於第二視窗的視窗面積,處理器130將第二視窗介面中的第二視窗並列顯示於第一視窗的上方。
舉例而言,圖7A是本發明一實施例的根據視窗面積調整視窗介面的示意圖。請參照圖7A,處理器130計算並比較第一視窗介面71中第一視窗W10的視窗面積與第二視窗W9的視窗面積。於圖7A的範例中,由於第一視窗介面71中第一視窗W10的視窗面積大於第二視窗W9的視窗面積,處理器130將第二視窗介面72中的第一視窗W10並列顯示於第二視窗W9的上方。基此,反應於可伸縮螢幕110伸展為展開狀態,第一視窗W10與第二視窗W9的顯示位置重新配置且第一視窗W10與第二視窗W9的視窗尺寸也重新配置。通常來說,視窗面積較大的視窗的操作頻率高於視窗面積較小的視窗,且視窗面積較大的視窗一般為使用者的主要工作視窗。如此一來,當使用者將筆記型電腦的可伸縮螢幕110向上拉伸為展開狀態時,透過將視窗面積較大的視窗置放於螢幕頂部,使用者可以較符合人體工學的姿勢觀看到第一視窗W10。
須注意的是,於步驟S607,當第一視窗介面中第一視窗的視窗面積等於第二視窗的視窗面積,處理器130判斷第一視窗介面中第一視窗與第二視窗之間的相對上下位置。於一些實施例中,處理器130可判斷第一視窗與第二視窗各自與上螢幕邊界之間的距離來判斷第一視窗與第二視窗之間的相對上下位置。於步驟S609,當第一視窗介面中第一視窗位於第二視窗的上方,處理 器130將第二視窗介面中的第一視窗並列顯示於第二視窗的上方。於步驟S610,當第一視窗介面中第二視窗位於第一視窗的上方,處理器130將第二視窗介面中的第二視窗並列顯示於第一視窗的上方。
舉例而言,圖7B是本發明一實施例的根據視窗面積調整視窗介面的示意圖。請參照圖7B,處理器130計算並比較第一視窗介面73中第一視窗W11的視窗面積與第二視窗W12的視窗面積。於圖7A的範例中,由於第一視窗介面73中第一視窗W11的視窗面積等於第二視窗W12的視窗面積,處理器130將判斷第一視窗介面中73第一視窗W11與第二視窗W12之間的相對上下位置。於本範例中,第一視窗W11之上視窗邊界與可伸縮螢幕110的上螢幕邊界之間的距離大於第二視窗W12之上視窗邊界與可伸縮螢幕110的上螢幕邊界之間的距離。於是,處理器130判斷第一視窗介面73中第二視窗W12位於第一視窗W11的上方,並據以將第二視窗介面74中的第二視窗W12並列顯示於第一視窗W11的上方。基此,反應於可伸縮螢幕110伸展為展開狀態,第一視窗W11與第二視窗W12的顯示位置重新配置且第一視窗W11與第二視窗W12的視窗尺寸也重新配置。
值得一提的是,於根據視窗面積調整視窗介面的一些實施例中,第二視窗介面中第一視窗於水平軸向上的視窗長度與第二視窗於水平軸向上的視窗長度皆相等於可伸縮螢幕110於水平軸向上的螢幕長度。第二視窗介面中第一視窗於垂直軸向上的視 窗長度大於第二視窗於垂直軸向上的視窗長度。第二視窗介面中第一視窗於垂直軸向上的視窗長度與第二視窗於垂直軸向上的視窗長度的總和小於等於可伸縮螢幕110於垂直軸向上的螢幕長度。
換言之,當根據視窗面積來調整視窗介面時(如圖7A與圖7B所示範例),處理器130決定第一視窗與第二視窗垂直排列於第二視窗介面中。其中,第二視窗介面中第一視窗於水平軸向上的視窗長度與第二視窗於水平軸向上的視窗長度皆相等於可伸縮螢幕110於水平軸向上的螢幕長度。當第一視窗介面中第一視窗的視窗面積大於第二視窗的視窗面積時(如圖7A所示範例),第二視窗介面中第一視窗於垂直軸向上的視窗長度大於第二視窗於垂直軸向上的視窗長度。第二視窗介面中第一視窗於垂直軸向上的視窗長度與第二視窗於垂直軸向上的視窗長度的總和等於可伸縮螢幕110於垂直軸向上的螢幕長度。
舉例而言,圖8A至圖8C是本發明一實施例的決定視窗尺寸的示意圖。請參照圖8A,在可伸縮螢幕110伸展為展開狀態之前,可伸縮螢幕110顯示包括有第一視窗W10以及第二視窗W9的第一視窗介面71。第一視窗W10的視窗面積大於第二視窗W9的視窗面積。反應於可伸縮螢幕110伸展為展開狀態,第二視窗介面72中第一視窗W10於水平軸向上的視窗長度與第二視窗W9於水平軸向上的視窗長度皆相等於可伸縮螢幕110於水平軸向上的螢幕長度。與此同時,於圖8A中,第二視窗介面72中第一視窗W10於垂直軸向上的視窗長度Ya’等於尚未伸展的可伸縮螢幕 110於垂直軸向上的原始螢幕長度Ymd,即Ya’=Ymd。第二視窗介面72中第二視窗W9於垂直軸向上的視窗長度Yb’等於伸展後可伸縮螢幕110於垂直軸向上的螢幕長度Yms減去第一視窗W10於垂直軸向上的視窗長度Ya’,即Yb’=Yms-Ya’。
請參照圖8B,在可伸縮螢幕110伸展為展開狀態之前,可伸縮螢幕110顯示包括有第一視窗W11以及第二視窗W12的第一視窗介面73。反應於可伸縮螢幕110伸展為展開狀態,第二視窗介面74中第一視窗W11於水平軸向上的視窗長度與第二視窗W12於水平軸向上的視窗長度皆相等於可伸縮螢幕110於水平軸向上的螢幕長度。須特別說明的是,於圖8B中,第二視窗介面74中第一視窗W11於垂直軸向上的視窗長度Yb”可更新為等於伸展後可伸縮螢幕110於垂直軸向上的螢幕長度Yms乘上一比例,此比例是根據第一視窗介面73中第一視窗W11於垂直軸向上的視窗長度Yb以及第二視窗W12於垂直軸向上的視窗長度Ya而定,即Yb”=Yms*(Yb/(Ya+Yb))。第二視窗介面74中第二視窗W12於垂直軸向上的視窗長度Ya”可更新為等於伸展後可伸縮螢幕110於垂直軸向上的螢幕長度Yms乘上另一比例,即Ya”=Yms*(Ya/(Ya+Yb))。
請參照圖8C,在可伸縮螢幕110伸展為展開狀態之前,可伸縮螢幕110顯示包括有第一視窗W13以及第二視窗W14的第一視窗介面75。第一視窗介面75中第一視窗W13的視窗面積小於第二視窗W14的視窗面積。反應於可伸縮螢幕110伸展為展 開狀態,第二視窗介面76中第一視窗W13於水平軸向上的視窗長度與第二視窗W14於水平軸向上的視窗長度皆相等於可伸縮螢幕110於水平軸向上的螢幕長度。與此同時,於圖8C中,第二視窗介面76中第二視窗W14於垂直軸向上的視窗長度Ya'''等於第一視窗介面75中第二視窗W14於垂直軸向上的視窗長度Ya,即Ya'''=Ya。第二視窗介面76中第一視窗W13於垂直軸向上的視窗長度Yb'''等於伸展後可伸縮螢幕110於垂直軸向上的螢幕長度Yms減去第二視窗W14於垂直軸向上的視窗長度Ya''',即Yb'''=Yms-Ya'''。
圖9是本發明一實施例的視窗介面調整方法的流程圖。請參照圖9,本實施例的方式適用於上述實施例中的電子裝置100,以下即搭配電子裝置100中的各項元件說明本實施例視窗介面調整方法的詳細步驟。
須說明的是,於圖9所示實施例中,第一視窗介面中各視窗的視窗特性包括視窗前後位置,而第二視窗介面中視窗的顯示位置依據第一視窗介面中各視窗的視窗前後位置而決定。換言之,處理器130可根據各視窗於第一視窗介面中的視窗前後位置來決定第二視窗介面中這些視窗的顯示位置。
於步驟S901,可伸縮螢幕110維持於原始狀態並顯示第一視窗介面。於步驟S902,處理器130判斷可伸縮螢幕110是否伸展為展開狀態。於步驟S903,處理器130偵測第一視窗介面所顯示的視窗數量。步驟S901~步驟S903的操作相似於前述實施 例的步驟S301~步驟S303的操作,於此不在贅述。
於步驟S904,處理器130判斷各視窗的視窗前後位置。於一些實施例中,處理器130從第一視窗介面中識別出前景視窗,前景視窗位於這些視窗的最前面。於一些實施例中,處理器130可根據各視窗的覆蓋情況來判斷各視窗的視窗前後位置。舉例而言,當第一視窗覆蓋於第二視窗之上時,處理器130判斷第一視窗位於第二視窗的前面。當第二視窗覆蓋於第一視窗之上時,處理器130判斷第一視窗位於第二視窗的後面。
於步驟S905,當第一視窗介面中第一視窗位於第二視窗的前面,處理器130將第二視窗介面中的第一視窗並列顯示於第二視窗的上方。於步驟S906,當第一視窗介面中第二視窗位於第一視窗的前面,處理器130將第二視窗介面中的第二視窗並列顯示於第一視窗的上方。也就是說,於一些實施例中,處理器130可將前景視窗置頂於伸展後可伸縮螢幕110的最上方位置,並將其餘視窗填入主視窗下方的剩餘介面空間。
舉例而言,圖10是本發明一實施例的根據視窗前後位置調整視窗介面的示意圖。請參照圖10,處理器130判斷第一視窗介面101中第一視窗W15與第二視窗W16的視窗前後位置。於圖10的範例中,由於第一視窗介面101中第一視窗W15位於第二視窗W16的前面(亦即第一視窗W15為前景視窗),處理器130將第二視窗介面102中的第一視窗W15並列顯示於第二視窗W16的上方。基此,反應於可伸縮螢幕110伸展為展開狀態,第一視窗 W15與第二視窗W16的顯示位置重新配置且第一視窗W15與第二視窗W16的視窗尺寸也重新配置。通常來說,前景視窗即為使用者當下操作的視窗。如此一來,當使用者將筆記型電腦的可伸縮螢幕110向上拉伸為展開狀態時,透過將使用者操作中的視窗置放於螢幕頂部,使用者可以較符合人體工學的姿勢觀看到第一視窗W15。
值得一提的是,於根據視窗前後位置調整視窗介面的一些實施例中,第二視窗介面中第一視窗於水平軸向上的視窗長度與第二視窗於水平軸向上的視窗長度皆相等於可伸縮螢幕於水平軸向上的螢幕長度。第二視窗介面中第一視窗於垂直軸向上的視窗長度大於第二視窗於垂直軸向上的視窗長度,且第二視窗介面中第一視窗於垂直軸向上的視窗長度與第二視窗於垂直軸向上的視窗長度的總和小於等於可伸縮螢幕於垂直軸向上的螢幕長度。
換言之,當根據視窗前後位置來調整視窗介面時(如圖7A與圖7B所示範例),處理器130決定第一視窗與第二視窗垂直(即垂直軸向)排列於第二視窗介面中。其中,第二視窗介面中第一視窗於水平軸向上的視窗長度與第二視窗於水平軸向上的視窗長度皆相等於可伸縮螢幕110於水平軸向上的螢幕長度。當第一視窗介面101中第一視窗位於第二視窗的前面時(如圖10所示範例),第二視窗介面中第一視窗於垂直軸向上的視窗長度大於第二視窗於垂直軸向上的視窗長度。第二視窗介面中第一視窗於垂直軸向上的視窗長度與第二視窗於垂直軸向上的視窗長度的總和等於可 伸縮螢幕110於垂直軸向上的螢幕長度。
舉例而言,圖11A至圖11C是本發明一實施例的決定視窗尺寸的示意圖。請參照圖11A,在可伸縮螢幕110伸展為展開狀態之前,可伸縮螢幕110顯示包括有第一視窗W15以及第二視窗W16的第一視窗介面101。第一視窗介面101中第一視窗W15位於第二視窗W16之前。反應於可伸縮螢幕110伸展為展開狀態,第二視窗介面102中第一視窗W15於水平軸向上的視窗長度與第二視窗W16於水平軸向上的視窗長度皆相等於可伸縮螢幕110於水平軸向上的螢幕長度。與此同時,於圖11A中,第二視窗介面102中第一視窗W15於垂直軸向上的視窗長度Ya’等於尚未伸展的可伸縮螢幕110於垂直軸向上的原始螢幕長度Ymd,即Ya’=Ymd。第二視窗介面102中第二視窗W16於垂直軸向上的視窗長度Yb’等於伸展後可伸縮螢幕110於垂直軸向上的螢幕長度Yms減去第一視窗W15於垂直軸向上的視窗長度Ya’,即Yb’=Yms-Ya’。
請參照圖11B,在可伸縮螢幕110伸展為展開狀態之前,可伸縮螢幕110顯示包括有第一視窗W17以及第二視窗W18的第一視窗介面103。第一視窗介面103中第一視窗W17位於第二視窗W18之前。反應於可伸縮螢幕110伸展為展開狀態,第二視窗介面104中第一視窗W17於水平軸向上的視窗長度與第二視窗W18於水平軸向上的視窗長度皆相等於可伸縮螢幕110於水平軸向上的螢幕長度。須特別說明的是,於圖11B中,第二視窗介面104中第一視窗W17於垂直軸向上的視窗長度Ya”可更新為等於 伸展後可伸縮螢幕110於垂直軸向上的螢幕長度Yms乘上一比例,此比例是根據第一視窗介面73中第一視窗W17於垂直軸向上的視窗長度Ya以及第二視窗W18於垂直軸向上的視窗長度Yb而定,即Ya”=Yms*(Ya/(Ya+Yb))。第二視窗介面104中第二視窗W18於垂直軸向上的視窗長度Yb”可更新為等於伸展後可伸縮螢幕110於垂直軸向上的螢幕長度Yms乘上另一比例,即Yb”=Yms*(Yb/(Ya+Yb))。
請參照圖11C,在可伸縮螢幕110伸展為展開狀態之前,可伸縮螢幕110顯示包括有第一視窗W19以及第二視窗W20的第一視窗介面105。第一視窗介面105中第一視窗W19位於第二視窗W20之前。反應於可伸縮螢幕110伸展為展開狀態,第二視窗介面106中第一視窗W19於水平軸向上的視窗長度與第二視窗W20於水平軸向上的視窗長度皆相等於可伸縮螢幕110於水平軸向上的螢幕長度。與此同時,於圖11C中,第二視窗介面106中第一視窗W19於垂直軸向上的視窗長度Ya'''等於第一視窗介面105中第一視窗W19於垂直軸向上的視窗長度Ya,即Ya'''=Ya。第二視窗介面106中第二視窗W20於垂直軸向上的視窗長度Yb'''等於伸展後可伸縮螢幕110於垂直軸向上的螢幕長度Yms減去第一視窗W19於垂直軸向上的視窗長度Ya''',即Yb'''=Yms-Ya'''。
圖12是本發明一實施例的視窗介面調整方法的流程圖。請參照圖12,本實施例的方式適用於上述實施例中的電子裝置100,以下即搭配電子裝置100中的各項元件說明本實施例視窗介面調 整方法的詳細步驟。
須說明的是,於圖12所示實施例中,第一視窗介面中各視窗的視窗特性包括第一視窗對應的一特定應用程式,此特定應用程式的主畫面與此特定應用程式的工具列橫向並列顯示於第一視窗介面的第一視窗中。當處理器130執行特定應用程式,反應於可伸縮螢幕110伸展為展開狀態,處理器130將第二視窗介面中特定應用程式的主畫面並列顯示於特定應用程式的工具列的上方。換言之,反應於可伸縮螢幕110伸展為展開狀態,特定應用程式的主畫面與工具列將於第二視窗介面中垂直排列。
於步驟S1201,處理器130執行特定應用程式。上述特定應用程式例如是繪圖程式、影像編輯程式、影片編輯程式或文件編輯程式等等。
於步驟S1202,處理器130接收配置主畫面與工具列的用戶設定值。於一些實施例中,當使用者操作特定應用程式時,可先利用輸入裝置140來下達用戶設定值,此用戶設定值用以劃分特定應用程式的主畫面與工具列。步驟S1202是根據使用者需求而選擇性執行。
於步驟S1203,可伸縮螢幕110維持於原始狀態並顯示第一視窗介面。於步驟S1204,處理器130判斷可伸縮螢幕110是否伸展為展開狀態。
當可伸縮螢幕110尚未伸展為展開狀態(步驟S1204判斷為否),回到步驟S1203。當可伸縮螢幕110伸展為展開狀態(步驟 S1204判斷為是),於步驟S1205,處理器130判斷是否有用戶設定值。
若判定沒有用戶設定值(步驟S1205判斷為否),於步驟S1206,處理器130自動區分特定應用程式的主畫面與工具列。若判定有用戶設定值(步驟S1205判斷為是),於步驟S1208,處理器130根據用戶設定值區分特定應用程式的主畫面與工具列。
之後,於步驟S1207,處理器130將第二視窗介面中特定應用程式的主畫面並列顯示於特定應用程式的工具列的上方。具體而言,當特定應用程式為繪圖程式、影像編輯程式、影片編輯程式或文件編輯程式,特定應用程式的主要編輯畫面可呈現於可伸縮螢幕110的螢幕頂部,讓使用者可以較符合人體工學的姿勢觀看到特定應用程式的主要編輯畫面。
舉例而言,圖13是本發明一實施例的根據特定應用程式調整視窗介面的示意圖。請參照圖13,處理器130執行繪圖軟體程式,可伸縮螢幕110顯示包括繪圖軟體程式的視窗的第一視窗介面1301。繪圖軟體程式的主畫面M1與工具列T1橫向並列顯示於第一視窗介面1301的視窗中。反應於可伸縮螢幕110伸展為展開狀態,處理器130可將第二視窗介面1302中繪圖軟體程式的主畫面M1並列顯示於工具列T1的上方。換言之,當可伸縮螢幕110的螢幕面積沿著垂直軸向變大時,原本水平左右並排的主畫面M1與工具列T1可調整為垂直上下並排。
於此,第二視窗介面1302中對應於主畫面M1的視窗區 塊於垂直軸向上的視窗長度大於對應於工具列T1的視窗區塊於垂直軸向上的視窗長度。第二視窗介面1302中對應於主畫面M1的視窗區塊於水平軸向上的視窗長度與對應於工具列T1的視窗區塊於水平軸向上的視窗長度皆相等於可伸縮螢幕110於水平軸向上的螢幕長度。
值得一提的是,於一些實施例中,當可伸縮螢幕110顯示第二視窗介面時,反應於經由輸入裝置140接收使用者所下達的一滑動操作,處理器130可更改各視窗於第二視窗介面中的排列順序。具體而言,於一些實施例中,反應於可伸縮螢幕110被拉伸而增加螢幕面積,可伸縮螢幕110所顯示的各個視窗的視窗顯示配置將被自動重新配置。之後,當使用者想要調整個視窗的排列位置時,使用者可透過輸入裝置140下達使用者操作來調整視窗於第二視窗介面中的排列順序。
舉例而言,圖14A至圖14C是本發明一實施例的根據使用者操作調整視窗排列順序的操作示意圖。於本範例中,輸入裝置140是整合於可伸縮螢幕110內的觸控元件。換言之,輸入裝置140可與伸縮螢幕110整合而形成具有觸控功能的觸控螢幕。當使用者於觸控螢幕上的視窗位移區域Z1下達滑動操作時,處理器130將依據滑動操作的滑動方向來調整視窗於第二視窗介面中的排列順序。視窗位移區域Z1位於觸控螢幕的邊緣區域。
請參照圖14A,在可伸縮螢幕110伸展為展開狀態之後,可伸縮螢幕110顯示有三個視窗,其分別為視窗A、視窗B與視 窗C。視窗B位於視窗C的上方,且視窗A位於視窗B與視窗C的右側。請參照圖14B,反應於接收使用者於觸控螢幕上的視窗位移區域Z1所下達的滑動操作TP1,其中滑動操作TP1是沿垂直軸向向下滑動,處理器130可調換視窗B與視窗C的顯示位置。請參照圖14C,反應於接收使用者於觸控螢幕上的視窗位移區域Z1所下達的滑動操作TP2,其中滑動操作TP2是沿水平軸向向左滑動,處理器130可將視窗A移動至視窗B與視窗C的左側。然而,雖然圖14A至圖14C是以觸控螢幕為範例進行說明,但本發明不限制於此,於其他實施例中,使用者也可對電子裝置100的按鍵或其他觸控裝置(例如觸控板或螢幕邊框上的觸控元件)下達滑動操作。
綜上所述,於本發明的實施例中,反應於可伸縮螢幕伸展為展開狀態而增加顯示面積,電子裝置將自動調整各個視窗的視窗顯示配置,以透過可伸縮螢幕自顯示第一視窗介面轉換為顯示第二視窗介面。此外,第二視窗介面中的視窗顯示配置是根據可伸縮螢幕被拉伸之前各視窗的視窗特性而決定。基此,當可伸縮螢幕伸展為展開狀態而增加顯示面積,不僅使用者可省去逐一手動調整視窗之視窗顯示配置的繁瑣步驟,且可伸縮螢幕所呈現的第二視窗介面可更貼近使用者操作需求,從而大幅提昇使用者體驗。
雖然本發明已以實施例揭露如上,然其並非用以限定本發明,任何所屬技術領域中具有通常知識者,在不脫離本發明的精神和範圍內,當可作些許的更動與潤飾,故本發明的保護範圍當視 後附的申請專利範圍所界定者為準。
100:電子裝置
110:可伸縮螢幕
120:儲存裝置
130:處理器
140:輸入裝置

Claims (21)

  1. 一種視窗介面調整方法,適用於包括一可伸縮螢幕的電子裝置,所述方法包括下列步驟:透過該可伸縮螢幕顯示一第一視窗介面,其中該第一視窗介面包括多個視窗,其中該些視窗包括一第一視窗與一第二視窗;反應於該可伸縮螢幕伸展為展開狀態,調整該些視窗的視窗顯示配置,以透過該可伸縮螢幕自顯示該第一視窗介面轉換為顯示一第二視窗介面,其中該第二視窗介面中該些視窗的視窗顯示配置依據該第一視窗介面中各該些視窗的視窗特性而決定,並且根據各該些視窗的視窗特性中的多個視窗面積、一游標位置或多個視窗前後位置其中之一,選擇一主視窗,將該主視窗配置於該第二視窗介面的一上方位置以及該主視窗以外的多個視窗配置於該上方位置以外的位置,其中各該些視窗的視窗特性包括一滾動條狀態,而該第二視窗介面中該些視窗的排列方向依據該第一視窗介面中各該些視窗的該滾動條狀態而決定,其中反應於該可伸縮螢幕伸展為該展開狀態,調整該些視窗的視窗顯示配置,以透過該可伸縮螢幕自顯示該第一視窗介面轉換為顯示該第二視窗介面的步驟包括:判斷該第一視窗介面中的該第一視窗與該第二視窗是否具備一滾動條;以及 當該第一視窗介面中的該第一視窗具備該滾動條,依據該第一視窗介面中該第一視窗的該滾動條的滾動方向決定該第一視窗與該第二視窗於該第二視窗介面中的該排列方向。
  2. 如請求項1所述的視窗介面調整方法,其中當該第一視窗介面中的該第一視窗具備該滾動條,依據該第一視窗介面中該第一視窗的該滾動條的滾動方向決定該第一視窗與該第二視窗於該第二視窗介面中的該排列方向的步驟包括:當該第一視窗介面中該第一視窗的該滾動條包括縱向滾動條,決定該第一視窗與該第二視窗水平排列於該第二視窗介面中;以及當該第一視窗介面中該第一視窗的該滾動條包括橫向滾動條,決定該第一視窗與該第二視窗垂直排列於該第二視窗介面中。
  3. 如請求項2所述的視窗介面調整方法,其中當該第一視窗介面中的該第一視窗具備該滾動條,依據該第一視窗介面中該第一視窗的該滾動條的滾動方向決定該第一視窗與該第二視窗於該第二視窗介面中的該排列方向的步驟還包括:當該第一視窗介面中該第一視窗的該滾動條包括該縱向滾動條與該橫向滾動條,比較該第一視窗的該縱向滾動條的可滾動量以及該第一視窗的該橫向滾動條的可滾動量;當該第一視窗的該縱向滾動條的可滾動量大於該第一視窗的該橫向滾動條的可滾動量,決定該第一視窗與該第二視窗水平排列於該第二視窗介面中;以及 當該第一視窗的縱向滾動條的可滾動量未大於該第一視窗的橫向滾動條的可滾動量,決定該第一視窗與該第二視窗垂直排列於該第二視窗介面中。
  4. 如請求項1所述的視窗介面調整方法,其中當該第一視窗介面中的該第一視窗具備該滾動條,依據該第一視窗介面中該第一視窗的該滾動條的滾動方向決定該第一視窗與該第二視窗於該第二視窗介面中的該排列方向的步驟還包括:當該第一視窗介面中的該第一視窗具備該滾動條且該第二視窗具備該滾動條,比較該第一視窗的該滾動條的可滾動量以及該第二視窗的該滾動條的可滾動量;以及當該第一視窗的該滾動條的可滾動量大於該第二視窗的該滾動條的可滾動量,依據該第一視窗介面中該第一視窗的該滾動條的滾動方向決定該第一視窗與該第二視窗於該第二視窗介面中的該排列方向。
  5. 如請求項1所述的視窗介面調整方法,其中該第二視窗介面中該第一視窗於一第一軸向上的視窗長度更新為小於等於該可伸縮螢幕於該第一軸向上的螢幕長度,該第二視窗介面中該第一視窗於一第二軸向上的視窗長度與該第二視窗於一第二軸向上的視窗長度的總和小於等於該可伸縮螢幕於該第二軸向上的螢幕長度,其中該第一軸向為該第一視窗介面中該第一視窗的該滾動條的滾動方向,且該第二軸向垂直於該第一軸向。
  6. 如請求項1所述的視窗介面調整方法,該第二視窗介面中該些視窗的顯示位置依據該第一視窗介面中各該些視窗的該視窗面積而決定。
  7. 如請求項6所述的視窗介面調整方法,其中該些視窗包括一第一視窗與一第二視窗,其中反應於該可伸縮螢幕伸展為該展開狀態,調整該些視窗的視窗顯示配置,以透過該可伸縮螢幕自顯示該第一視窗介面轉換為顯示該第二視窗介面的步驟包括:當該第一視窗介面中該第一視窗的該視窗面積大於該第二視窗的該視窗面積,將該第二視窗介面中的該第一視窗並列顯示於該第二視窗的上方。
  8. 如請求項7所述的視窗介面調整方法,其中反應於該可伸縮螢幕伸展為該展開狀態,調整該些視窗的視窗顯示配置,以透過該可伸縮螢幕自顯示該第一視窗介面轉換為顯示該第二視窗介面的步驟還包括:當該第一視窗介面中該第一視窗的該視窗面積等於該第二視窗的該視窗面積,判斷該第一視窗介面中該第一視窗與該第二視窗之間的相對上下位置;以及當該第一視窗介面中該第一視窗位於該第二視窗的上方,將該第二視窗介面中的該第一視窗並列顯示於該第二視窗的上方。
  9. 如請求項7所述的視窗介面調整方法,其中該第二視窗介面中該第一視窗於水平軸向上的視窗長度與該第二視窗於水 平軸向上的視窗長度皆相等於該可伸縮螢幕於該水平軸向上的螢幕長度,該第二視窗介面中該第一視窗於垂直軸向上的視窗長度大於該第二視窗於垂直軸向上的視窗長度,該第二視窗介面中該第一視窗於垂直軸向上的視窗長度與該第二視窗於垂直軸向上的視窗長度的總和小於等於該可伸縮螢幕於該垂直軸向上的螢幕長度。
  10. 如請求項1所述的視窗介面調整方法,該第二視窗介面中該些視窗的顯示位置依據該第一視窗介面中各該些視窗的該視窗前後位置而決定。
  11. 如請求項10所述的視窗介面調整方法,其中該些視窗包括一第一視窗與一第二視窗,其中反應於該可伸縮螢幕伸展為該展開狀態,調整該些視窗的視窗顯示配置,以透過該可伸縮螢幕自顯示該第一視窗介面轉換為顯示該第二視窗介面的步驟包括:當該第一視窗介面中該第一視窗位於該第二視窗的前面,將該第二視窗介面中的該第一視窗並列顯示於該第二視窗的上方。
  12. 如請求項11所述的視窗介面調整方法,其中該第二視窗介面中該第一視窗於水平軸向上的視窗長度與該第二視窗於水平軸向上的視窗長度皆相等於該可伸縮螢幕於該水平軸向上的螢幕長度,該第二視窗介面中該第一視窗於垂直軸向上的視窗長度大於該第二視窗於垂直軸向上的視窗長度,該第二視窗介面中該第一視窗於垂直軸向上的視窗長度與該第二視窗於垂直軸向 上的視窗長度的總和小於等於該可伸縮螢幕於該垂直軸向上的螢幕長度。
  13. 如請求項1所述的視窗介面調整方法,其中該第一視窗介面中各該些視窗的視窗特性包括一第一視窗對應的一特定應用程式,且該特定應用程式的主畫面與該特定應用程式的工具列橫向並列顯示於該第一視窗介面的該第一視窗中,其中反應於該可伸縮螢幕伸展為該展開狀態,調整該些視窗的視窗顯示配置,以透過該可伸縮螢幕自顯示該第一視窗介面轉換為顯示該第二視窗介面的步驟包括:當執行該特定應用程式,反應於該可伸縮螢幕伸展為該展開狀態,將該第二視窗介面中該特定應用程式的該主畫面並列顯示於該特定應用程式的該工具列的上方。
  14. 如請求項13所述的視窗介面調整方法,其中該第二視窗介面中對應於該主畫面的視窗區塊於垂直軸向上的視窗長度大於對應於該工具列的視窗區塊於垂直軸向上的視窗長度,該第二視窗介面中對應於該主畫面的視窗區塊於水平軸向上的視窗長度與對應於該工具列的視窗區塊於水平軸向上的視窗長度皆相等於該可伸縮螢幕於該水平軸向上的螢幕長度。
  15. 如請求項1所述的視窗介面調整方法,其中所述方法更包括:當顯示該第二視窗介面時,反應於經由一輸入裝置接收一滑動操作,更改各該些視窗於該第二視窗介面中的排列順序。
  16. 一種電子裝置,包括:一可伸縮螢幕;一儲存裝置;一處理器,耦接該可伸縮螢幕以及該儲存裝置,經配置以:透過該可伸縮螢幕顯示一第一視窗介面,其中該第一視窗介面包括多個視窗,其中該些視窗包括一第一視窗與一第二視窗;反應於該可伸縮螢幕伸展為展開狀態,調整該些視窗的視窗顯示配置,以透過該可伸縮螢幕自顯示該第一視窗介面轉換為顯示一第二視窗介面,其中該第二視窗介面中該些視窗的視窗顯示配置依據該第一視窗介面中各該些視窗的視窗特性而決定,並且根據各該些視窗的視窗特性中的多個視窗面積、一游標位置或多個視窗前後位置其中之一,選擇一主視窗,將該主視窗配置於該第二視窗介面的一上方位置以及該主視窗以外的多個視窗配置於該上方位置以外的位置,其中各該些視窗的視窗特性包括一滾動條狀態,而該第二視窗介面中該些視窗的排列方向依據該第一視窗介面中各該些視窗的該滾動條狀態而決定,其中反應於該可伸縮螢幕伸展為該展開狀態,調整該些視窗的視窗顯示配置,以透過該可伸縮螢幕自顯示該第一視窗介面轉換為顯示該第二視窗介面包括:判斷該第一視窗介面中的該第一視窗與該第二視窗是 否具備一滾動條;以及當該第一視窗介面中的該第一視窗具備該滾動條,依據該第一視窗介面中該第一視窗的該滾動條的滾動方向決定該第一視窗與該第二視窗於該第二視窗介面中的該排列方向。
  17. 如請求項16所述的電子裝置,其中該第一視窗介面中各該些視窗的視窗特性包括一滾動條狀態,而該第二視窗介面中該些視窗的排列方向依據該第一視窗介面中各該些視窗的該滾動條狀態而決定。
  18. 如請求項16所述的電子裝置,該第二視窗介面中該些視窗的顯示位置依據該第一視窗介面中各該些視窗的該視窗面積而決定。
  19. 如請求項16所述的電子裝置,該第二視窗介面中該些視窗的顯示位置依據該第一視窗介面中各該些視窗的該視窗前後位置而決定。
  20. 如請求項16所述的電子裝置,其中該第一視窗介面中各該些視窗的視窗特性包括一第一視窗對應的一特定應用程式,且該特定應用程式的主畫面與該特定應用程式的工具列橫向並列顯示於該第一視窗介面的該第一視窗中,其中該處理器更經配置以:當執行該特定應用程式,反應於該可伸縮螢幕伸展為該展開狀態,將該第二視窗介面中該特定應用程式的該主畫面並列顯示於該特定應用程式的該工具列的上方。
  21. 如請求項16所述的電子裝置,更包括一輸入裝置,而該處理器更經配置以:當顯示該第二視窗介面時,反應於經由該輸入裝置接收一滑動操作,更改各該些視窗於該第二視窗介面中的排列順序。
TW111118733A 2021-08-08 2022-05-19 電子裝置及其視窗介面調整方法 TWI855325B (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
US202163230796P 2021-08-08 2021-08-08
US63/230,796 2021-08-08

Publications (2)

Publication Number Publication Date
TW202307641A TW202307641A (zh) 2023-02-16
TWI855325B true TWI855325B (zh) 2024-09-11

Family

ID=86661175

Family Applications (1)

Application Number Title Priority Date Filing Date
TW111118733A TWI855325B (zh) 2021-08-08 2022-05-19 電子裝置及其視窗介面調整方法

Country Status (1)

Country Link
TW (1) TWI855325B (zh)

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
TWI857775B (zh) * 2023-09-06 2024-10-01 宏碁股份有限公司 影像呈現方法與顯示裝置

Citations (10)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
TWI404048B (zh) * 2008-04-03 2013-08-01 Lg Display Co Ltd 平板顯示器
CN103677627A (zh) * 2012-09-24 2014-03-26 三星电子株式会社 在触摸装置中提供多窗口的方法和设备
CN110471725A (zh) * 2019-07-02 2019-11-19 华为技术有限公司 一种分屏方法及电子设备
CN111124561A (zh) * 2019-11-08 2020-05-08 华为技术有限公司 应用于具有折叠屏的电子设备的显示方法及电子设备
CN111159983A (zh) * 2019-12-31 2020-05-15 维沃移动通信有限公司 一种编辑方法及电子设备
CN111782102A (zh) * 2020-07-15 2020-10-16 Oppo广东移动通信有限公司 窗口的显示方法及相关装置
CN112073583A (zh) * 2020-09-09 2020-12-11 腾讯科技(深圳)有限公司 多媒体信息展示方法及相关设备
CN112149382A (zh) * 2013-02-20 2020-12-29 谷歌有限责任公司 使用高dpi屏幕的多窗口智能窗口放置
CN112506386A (zh) * 2019-09-16 2021-03-16 华为技术有限公司 一种折叠屏显示方法及电子设备
CN113050841A (zh) * 2019-12-26 2021-06-29 华为技术有限公司 显示多窗口的方法、电子设备和系统

Patent Citations (10)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
TWI404048B (zh) * 2008-04-03 2013-08-01 Lg Display Co Ltd 平板顯示器
CN103677627A (zh) * 2012-09-24 2014-03-26 三星电子株式会社 在触摸装置中提供多窗口的方法和设备
CN112149382A (zh) * 2013-02-20 2020-12-29 谷歌有限责任公司 使用高dpi屏幕的多窗口智能窗口放置
CN110471725A (zh) * 2019-07-02 2019-11-19 华为技术有限公司 一种分屏方法及电子设备
CN112506386A (zh) * 2019-09-16 2021-03-16 华为技术有限公司 一种折叠屏显示方法及电子设备
CN111124561A (zh) * 2019-11-08 2020-05-08 华为技术有限公司 应用于具有折叠屏的电子设备的显示方法及电子设备
CN113050841A (zh) * 2019-12-26 2021-06-29 华为技术有限公司 显示多窗口的方法、电子设备和系统
CN111159983A (zh) * 2019-12-31 2020-05-15 维沃移动通信有限公司 一种编辑方法及电子设备
CN111782102A (zh) * 2020-07-15 2020-10-16 Oppo广东移动通信有限公司 窗口的显示方法及相关装置
CN112073583A (zh) * 2020-09-09 2020-12-11 腾讯科技(深圳)有限公司 多媒体信息展示方法及相关设备

Also Published As

Publication number Publication date
TW202307641A (zh) 2023-02-16

Similar Documents

Publication Publication Date Title
KR101608183B1 (ko) 향상된 창 상태를 이용한 디스플레이 영역의 배열
US7441207B2 (en) Method and system for improved viewing and navigation of content
US20100013782A1 (en) Touch-sensitive mobile computing device and controlling method applied thereto
JP2009245423A (ja) 情報機器およびウインドウ表示方法
CN114564263A (zh) 页面布局调整方法、装置
US20130082929A1 (en) Touch-sensitive device and method for controlling display of virtual keyboard
US8205169B1 (en) Multiple editor user interface
JP2010538380A (ja) スクロール・バー・コントロール
EP2132927A2 (en) Aspect ratio hinting for resizable video windows
US20120017171A1 (en) Interface display adjustment method and touch display apparatus using the same
JP5857246B2 (ja) 表示制御装置及び表示制御方法
US20120144339A1 (en) Electronic reader and method for previewing files in electronic reader
EP2405368A1 (en) Information processing apparatus, information processing method, and program
US20220276756A1 (en) Display device, display method, and program
TWI855325B (zh) 電子裝置及其視窗介面調整方法
JP2009064068A (ja) 情報処理装置、ユーザインターフェイス制御方法およびプログラム
CN104285204A (zh) 显示设备、显示控制方法和非临时性计算机可读介质
US20070139402A1 (en) Image display control method
US20090033684A1 (en) On-screen marker to assist usability while scrolling
JP5901295B2 (ja) 拡大表示機能を有する携帯端末装置、拡大表示制御方法、及びプログラム
US11226712B2 (en) Information processing device and information processing method
JP6482312B2 (ja) タッチ操作入力装置
CN114840132A (zh) 虚拟键盘的显示方法、装置、电子设备及存储介质
JP4965681B2 (ja) 携帯端末及び表示制御方法
TWI857775B (zh) 影像呈現方法與顯示裝置