本發(fā)明涉及顯示頁面的顯示裝置以及包括該顯示裝置的圖像形成裝置。

背景技術(shù)：

智能手機、平板電腦等包括顯示面板和觸摸面板部的組合、按照使用者的操作顯示各種信息和畫面的顯示裝置已得到了普及。這樣的顯示裝置可以訪問網(wǎng)站、取得圖像和字符串等內(nèi)容并顯示網(wǎng)頁、或者打開包括文檔和圖像等內(nèi)容的文件并顯示文件內(nèi)容(頁面)。如下所述的顯示裝置的一個例子已被公眾所知。

具體地說，已為公眾所知的有下述一種便攜終端：把在web頁面上想要顯示的部位的條件(字符串、圖像、文本框、按鈕、坐標點)附加上優(yōu)先順序預(yù)先存儲在存儲部中，當通過處理部的控制在顯示部上顯示web頁面時，在與條件一致的部位檢測優(yōu)先順序最高的條件，并以使檢測部位顯示在顯示部中的規(guī)定的位置(左上、上中央、右上、左、中央、右、左下、下中央、右下等)的方式移動顯示范圍。按照該構(gòu)成，即使在便攜終端等只具有較小顯示部的信息設(shè)備上也可以快速顯示包括想要優(yōu)先顯示的信息的部分而無需多次進行滾動操作等。

縱長和橫寬較大的頁面，不能在一個畫面內(nèi)顯示頁面整體。例如，pc用的網(wǎng)頁，有時比在智能手機的一個畫面上能顯示的區(qū)域更寬廣。此外，網(wǎng)頁有時也會比pc的顯示器更寬廣。在該情況下，通過使顯示區(qū)域(畫面)滾動來新顯示未被顯示的區(qū)域。當閱覽頁面整體時，反復進行所述滾動。為了顯示區(qū)域的滾動，有時在畫面上顯示滾動條。

當查找想要看的內(nèi)容(圖像、文章、字符串等信息)時，使用者邊使顯示區(qū)域滾動邊進行查找?？墒?，內(nèi)容不一定充滿頁面整體(從頭至尾)。為了布局的方便，在頁面內(nèi)存在未配置內(nèi)容的空白部分(只有背景圖像的部分)。

以往，存在下述問題：如果不滾動查看，則不能確認滾動前方的未被顯示的區(qū)域是否有內(nèi)容。頁面基本上是按左對齊記載。由于不知道比當前的顯示區(qū)域更靠右側(cè)是否存在內(nèi)容，所以使用者進行右滾動查看。當在到右端為止的右滾動的過程中新顯示的區(qū)域只有空白時，從結(jié)果上而言，右滾動成為無用的操作。

另外，按照所述的公知的技術(shù)，根據(jù)優(yōu)先條件自動決定在頁面內(nèi)顯示的區(qū)域的位置?？墒?，由于使用者要求的信息每次都變化，所以會進行向使用者所不希望的部分的、自動的顯示位置的移動。此外，如果不滾動查看就不知道比當前的顯示區(qū)域更靠右側(cè)是否存在內(nèi)容。

技術(shù)實現(xiàn)要素：

鑒于所述的問題，本發(fā)明對表示從某個位置開始在右方向上沒有內(nèi)容的信息進行顯示，從而消除無用的向右方向的顯示區(qū)域的滾動。

本發(fā)明的一個方面提供一種顯示裝置，其包括：處理部，包括控制電路；顯示面板，按照所述處理部的控制，顯示頁面的內(nèi)容，并且顯示橫滾動條，所述橫滾動條包括表示當前的顯示位置的按鈕圖像和表示所述按鈕圖像的滑動范圍的槽圖像；以及觸摸面板，針對所述顯示面板設(shè)置，接受對顯示的圖像的操作，所述處理部根據(jù)所述觸摸面板的輸出，識別對顯示的圖像進行的操作的內(nèi)容，根據(jù)使所述橫滾動條的所述按鈕圖像移動的移動方向和移動量，使所述顯示面板的顯示區(qū)域在橫向上移動，當頁面的橫寬比所述顯示面板的顯示區(qū)域的橫寬大時，在帶區(qū)域中判斷內(nèi)容結(jié)束位置，并使表示所述內(nèi)容結(jié)束位置的所述橫滾動條顯示在所述顯示面板上，所述帶區(qū)域是上端和下端與所述顯示面板的顯示區(qū)域的上端和下端對應(yīng)的、從頁面的左端到右端的頁面內(nèi)的區(qū)域，所述內(nèi)容結(jié)束位置是內(nèi)容的最右側(cè)的位置。

本發(fā)明的另一方面提供一種圖像形成裝置，其包括所述的顯示裝置。

本發(fā)明的另一方面提供一種顯示裝置的控制方法，其包括：使頁面的內(nèi)容和橫滾動條顯示在顯示面板上，所述橫滾動條包括表示當前的顯示位置的按鈕圖像和表示所述按鈕圖像的滑動范圍的槽圖像；通過觸摸面板接受對顯示的圖像的操作，所述觸摸面板針對所述顯示面板設(shè)置；根據(jù)所述觸摸面板的輸出，識別對顯示的圖像的操作的內(nèi)容；根據(jù)使所述橫滾動條的所述按鈕圖像移動的移動方向和移動量，使所述顯示面板的顯示區(qū)域在橫向上移動；當頁面的橫寬比所述顯示面板的顯示區(qū)域的橫寬大時，在帶區(qū)域中判斷內(nèi)容結(jié)束位置，所述帶區(qū)域是上端和下端與所述顯示面板的顯示區(qū)域的上端和下端對應(yīng)的、從頁面的左端到右端的頁面內(nèi)的區(qū)域，所述內(nèi)容結(jié)束位置是內(nèi)容的最右側(cè)的位置；以及使表示所述內(nèi)容結(jié)束位置的所述橫滾動條顯示在所述顯示面板上。

按照所述的顯示裝置、圖像形成裝置和顯示裝置的控制方法，能夠?qū)Ρ硎緩哪硞€位置開始在右方向上沒有內(nèi)容的信息(位置)進行顯示。由此，能夠消除無用的向右方向的顯示區(qū)域的滾動。

根據(jù)以下所示的實施方式可以進一步明確本發(fā)明的更多的特征和優(yōu)點。

附圖說明

圖1是表示實施方式的數(shù)碼復合機的一個例子的圖。

圖2是表示實施方式的顯示裝置的外觀的一個例子的圖。

圖3是表示實施方式的顯示裝置的一個例子的說明圖。

圖4是表示頁面整體和顯示裝置的顯示區(qū)域的關(guān)系的一個例子的圖。

圖5是表示橫滾動條的一個例子的圖。

圖6是表示實施方式的橫滾動設(shè)定畫面的一個例子的圖。

圖7是表示實施方式的標識圖像的顯示流程的一個例子的圖。

圖8是表示相對于頁面整體的顯示區(qū)域的一個例子的圖。

圖9是表示實施方式的顯示裝置上的標識圖像的顯示的一個例子的圖。

圖10是表示相對于頁面整體的顯示區(qū)域的一個例子的圖。

圖11是表示實施方式的顯示裝置上的標識圖像的顯示的一個例子的圖。

圖12是表示實施方式的滾動限制處理的一個例子的圖。

圖13是表示實施方式的槽圖像變更模式下的顯示的流程的一個例子的圖。

圖14是表示相對于頁面整體的顯示區(qū)域的一個例子的圖。

圖15是表示實施方式的槽圖像的橫寬變更的一個例子的圖。

具體實施方式

鑒于所述以往技術(shù)的問題點，本發(fā)明顯示信息，從而消除無用的向右方向的顯示區(qū)域的滾動，所述信息表示在包括當前的顯示區(qū)域的頁面的左右方向的帶區(qū)域中在超過當前的顯示區(qū)域的右方向上沒有內(nèi)容。以下，參照圖1～圖15說明本發(fā)明的實施方式。另外，在本實施方式中，作為包括顯示裝置1的圖像形成裝置，將數(shù)碼復合機100作為例子進行說明。但是，本實施方式所述的構(gòu)成、配置等各要素，并不限定本發(fā)明的范圍，只不過是說明的例子。

數(shù)碼復合機100的概要

參照圖1，說明實施方式的數(shù)碼復合機100。數(shù)碼復合機100包括顯示裝置1。此外，數(shù)碼復合機100包括主控制部2和存儲部3(參照圖1)。主控制部2包括cpu21和圖像處理部22。主控制部2控制數(shù)碼復合機100的動作。存儲部3是rom、hdd等非易失性的存儲裝置與ram等易失性的存儲裝置的組合。存儲部3存儲數(shù)碼復合機100的控制用的各種程序和數(shù)據(jù)、設(shè)定數(shù)據(jù)、圖像數(shù)據(jù)等各種數(shù)據(jù)。cpu21根據(jù)存儲在存儲部3中的程序和數(shù)據(jù)，進行數(shù)碼復合機100的控制、各種計算、要求的信號處理。圖像處理部22進行圖像處理等處理和計算從而生成用于印刷和發(fā)送的圖像數(shù)據(jù)。

如圖1所示，數(shù)碼復合機100包括顯示裝置1。各使用者所持有的智能手機和平板電腦可以作為顯示裝置1使用。在該情況下，用于進行數(shù)碼復合機100的設(shè)定、與數(shù)碼復合機100通信的應(yīng)用6安裝于各使用者的顯示裝置1中。此外，顯示裝置1可以是用于設(shè)定數(shù)碼復合機100的專用設(shè)備(包括顯示面板和觸摸面板部、與數(shù)碼復合機100包裝在一起的便攜型終端)。即，可以將智能手機、平板電腦、數(shù)碼復合機100專用的顯示裝置1作為設(shè)定用的操作面板使用。主控制部2通過無線通信部23與顯示裝置1進行通信。此外，主控制部2識別基于在顯示裝置1上的操作的設(shè)定內(nèi)容。另外，也可以將顯示裝置1固定在數(shù)碼復合機100上，并把主控制部2與顯示裝置1以有線的方式連接。

數(shù)碼復合機100包括原稿輸送部4a和圖像讀取部4b。主控制部2使原稿輸送部4a將放置的原稿朝向讀取位置輸送。主控制部2使圖像讀取部4b讀取原稿輸送部4a輸送的原稿或放置在放置讀取用接觸玻璃(未圖示)上的原稿。此外，主控制部2使圖像讀取部4b生成圖像數(shù)據(jù)。主控制部2在掃描、印刷、發(fā)送等作業(yè)時，使原稿輸送部4a和圖像讀取部4b動作。

印刷部5(供紙部5a、輸送部5b、圖像形成部5c、定影部5d)使用調(diào)色劑，根據(jù)圖像數(shù)據(jù)在紙上進行印刷。伴隨印刷的作業(yè)時，主控制部2使供紙部5a將紙一張一張地朝向輸送部5b供給。主控制部2使輸送部5b輸送從供紙部5a供給的紙。主控制部2根據(jù)圖像數(shù)據(jù)，使圖像形成部5c形成調(diào)色劑像，并使圖像形成部5c將調(diào)色劑像轉(zhuǎn)印到輸送來的紙上。主控制部2使定影部5d對轉(zhuǎn)印到紙上的調(diào)色劑像進行定影。調(diào)色劑被定影后的紙向機外排出。

數(shù)碼復合機100包括通信部24。通信部24具備各種端子、插口、通信用芯片。通信部24通過網(wǎng)絡(luò)和電纜，與pc和服務(wù)器等電腦200和傳真機300可通信地連接。通信部24從電腦200和傳真機300接收數(shù)據(jù)。主控制部2根據(jù)通信部24接收到的數(shù)據(jù)，使印刷部5進行印刷(打印作業(yè))。此外，通信部24向電腦200和傳真機300發(fā)送數(shù)據(jù)(發(fā)送作業(yè))。例如，主控制部2把在原稿的讀取中得到的圖像數(shù)據(jù)向通信部24發(fā)送。顯示裝置1

以下，參照圖2、圖3說明實施方式的顯示裝置1的概要。圖2表示了顯示裝置1的一個例子。圖2的顯示裝置1是智能手機。如圖2所示，顯示裝置1包括顯示面板11。針對顯示面板11設(shè)置有觸摸面板12(輸入接受部)。使用者可以通過對觸摸面板12進行觸摸來進行各種操作。

如圖3所示，顯示裝置1包括處理部10(控制用芯片)、rom13a、ram13b、閃存器13c、顯示面板11、觸摸面板12、i/f部14、攝像部16、聲音處理部17、話筒17a、再生處理部18、揚聲器18a、以及無線通信部19。另外，在顯示裝置1是與數(shù)碼復合機100包裝在一起的專用機的情況下，無需包括攝像部16、聲音處理部17、話筒17a、再生處理部18、以及揚聲器18a，代替與此，顯示裝置1包括硬鍵等其它構(gòu)件、電路。

處理部10是包括控制電路、計算處理電路、圖像處理電路、顯示控制電路等多個電路的芯片(例如系統(tǒng)芯片(soc))。處理部10根據(jù)顯示裝置1的操作系統(tǒng)(os)和應(yīng)用6，控制顯示裝置1的動作。處理部10控制顯示面板11的顯示。

rom13a、閃存器13c存儲顯示裝置1的控制程序、控制數(shù)據(jù)、以及應(yīng)用6。處理部10根據(jù)存儲在rom13a和閃存器13c中的控制程序、控制數(shù)據(jù)、應(yīng)用6，控制顯示裝置1的各部分。此外，在閃存器13c中可以存儲多個下載的應(yīng)用6(另外，在圖3中為了方便僅圖示了一個應(yīng)用6)。對通過了觸摸面板12的、使用者的應(yīng)用6啟動要求進行響應(yīng)，處理部10能夠從閃存器13c將應(yīng)用6和程序讀出到ram13b并進行執(zhí)行。

處理部10將各種信息顯示在顯示面板11上。觸摸面板12與處理部10連接。處理部10根據(jù)觸摸面板12的輸出，識別觸摸的位置。此外，處理部10識別顯示面板11顯示的圖標、按鈕及鍵等中的、被觸摸了的對象。通過按壓圖標、按鈕及鍵等操作用的圖像，可以指示應(yīng)用6的啟動等顯示裝置1的動作。

i/f部14安裝基于各種標準的端子、插口及通信用芯片。i/f部14針對插入i/f部14的存儲卡等記錄介質(zhì)，進行數(shù)據(jù)和程序的讀出、寫入。攝像部16是設(shè)在顯示裝置1上的相機。攝像部16對通過拍攝得到的模擬信號進行處理并生成數(shù)字的圖像數(shù)據(jù)。

無線通信部19包括天線和通信電路。無線通信部19根據(jù)處理部10的指令，與數(shù)據(jù)通信網(wǎng)等網(wǎng)絡(luò)和數(shù)碼復合機100進行通信。例如，通過無線通信部19，可以與數(shù)碼復合機100之間進行與數(shù)碼復合機100的設(shè)定有關(guān)的數(shù)據(jù)通信、通過網(wǎng)絡(luò)下載應(yīng)用6。此外，無線通信部19可以進行聲音數(shù)據(jù)的收發(fā)，也可以用于與對方的電話的通話。

聲音處理部17針對從話筒17a輸入的聲音進行信號處理使其成為能從無線通信部19發(fā)送的形式。再生處理部18將無線通信部19接收到的對方的聲音數(shù)據(jù)再生并使揚聲器進行播放。

在顯示裝置1上可以啟動數(shù)碼復合機100的設(shè)定用的應(yīng)用6并進行與數(shù)碼復合機100的印刷和發(fā)送等作業(yè)有關(guān)的設(shè)定、以及數(shù)碼復合機100的系統(tǒng)設(shè)定。使用者通過觸摸通過啟動而顯示在顯示面板11上的圖像的顯示位置來進行設(shè)定。當在觸摸面板12上進行了設(shè)定完畢的輸入時，處理部10使顯示裝置1的無線通信部19朝向數(shù)碼復合機100的無線通信部23發(fā)送設(shè)定內(nèi)容數(shù)據(jù)。數(shù)碼復合機100的主控制部2，基于接收到的設(shè)定內(nèi)容數(shù)據(jù)執(zhí)行作業(yè)、或根據(jù)接收到的設(shè)定內(nèi)容數(shù)據(jù)變更系統(tǒng)設(shè)定。

通過啟動瀏覽器并在觸摸面板12上進行輸入，在顯示裝置1上可以訪問網(wǎng)站、閱覽網(wǎng)頁。當瀏覽器被啟動并通過對觸摸面板12的操作指定了訪問的網(wǎng)站(url)時，處理部10使無線通信部19進行對被指定了的網(wǎng)站的訪問。處理部10使無線通信部19取得所述網(wǎng)站的信息(字符串和圖像等內(nèi)容、描述語言、資源等各種信息)。此外，處理部10分析基于瀏覽器取得的信息。此外，處理部10根據(jù)瀏覽器和分析結(jié)果，在顯示面板11上顯示配置有字符串和圖像的頁面p。

在顯示裝置1上也可以打開文檔文件和圖像文件并閱覽其內(nèi)容(頁面p)。具體地說，當啟動了用于閱覽文檔文件和圖像文件的應(yīng)用6并通過對觸摸面板12的操作指定了要閱覽的文件時，處理部10分析被指定了的文件，在顯示面板11上顯示包括字符串和圖像的文件(頁面p)。頁面顯示中的滾動

參照圖4、圖5說明頁面顯示中的滾動。在圖4中，較大一方的矩形(網(wǎng)紋圖形)表示要用顯示裝置1閱覽的頁面整體。在該頁面p內(nèi)設(shè)置有文章、字符串、標記列、圖像(靜止圖像、動畫)等內(nèi)容。圖4表示了顯示面板11的顯示區(qū)域f的左上角與頁面p的左上角重合的狀態(tài)(頁面閱覽時的初始狀態(tài))的一個例子。

當頁面p比顯示面板11的顯示區(qū)域f大時，處理部10將頁面p的一部分顯示在顯示面板11上。圖4表示了頁面p的縱長和橫寬都比顯示區(qū)域f的縱長和橫寬大的例子。在該情況下，使用者通過滾動操作來移動顯示區(qū)域f并確認配置在頁面p上的內(nèi)容。當在閱覽中需要滾動操作時，處理部10在顯示面板11的右端顯示用于縱向上的滾動的縱滾動條70。此外，處理部10在顯示面板11的下端顯示用于橫向(左右方向)上的滾動的橫滾動條7。

處理部10根據(jù)觸摸面板12的輸出識別對縱滾動條70的操作，根據(jù)操作的內(nèi)容，使顯示區(qū)域f在上下方向上移動。此外，處理部10根據(jù)觸摸面板12的輸出，識別對橫滾動條7的操作，根據(jù)操作的內(nèi)容，使顯示區(qū)域f在左右方向上移動。

接著，參照圖5說明橫滾動條7。橫滾動條7包括箭頭圖像71(滾動箭頭，右方向和左方向各一個)、按鈕圖像72(滾動滑塊)和槽圖像73(滾動軌道(scrolltrack))。槽圖像73表示按鈕圖像72的滑動范圍。可以使按鈕圖像72在槽圖像73的范圍中滑動。按鈕圖像72可以通過托拽操作(在保持觸摸的狀態(tài)下使觸摸位置移動的操作)移動。當觸摸按鈕圖像72并在保持觸摸的狀態(tài)下使觸摸位置向左方向或右方向移動時，處理部10在顯示面板11上使顯示區(qū)域f向與按鈕圖像72的移動方向相同方向滾動。此外，按鈕圖像72的移動量越大，處理部10使顯示區(qū)域f的滾動量(移動量)越大。

處理部10求出將顯示區(qū)域f的橫寬w1除以頁面p的橫寬w2(參照圖4)的第一比率(w1/w2)。由于頁面p的橫寬w2大，所以求出的第一比率成為1以下。此外，處理部10把在槽圖像73的橫寬w4上乘以第一比率得到的長度(w4×w1/w2)作為按鈕圖像72的橫寬w3。由此，橫滾動條7的按鈕圖像72的橫寬w3與槽圖像73的橫寬w4之比與、顯示區(qū)域f的橫寬w1與頁面p的橫寬w2之比一致。

用從頁面p的左端到顯示區(qū)域f的橫向的中央的距離除以頁面p的橫寬w2得到的比，與用從槽圖像73的左端到按鈕圖像72的橫向的中央的距離除以槽圖像73的橫寬w4得到的比一致或大體一致。此外，用從頁面p的左端到當前的顯示區(qū)域f的左端的距離除以頁面p的橫寬w2得到的比，與用從槽圖像73的左端到當前位置的按鈕圖像72的左端的距離除以槽圖像73的橫寬w4得到的比一致或大體一致。此外，用從頁面p的左端到當前的顯示區(qū)域f的右端的距離除以頁面p的橫寬w2得到的比，與用從槽圖像73的左端到當前位置的按鈕圖像72的右端的距離除以槽圖像73的橫寬w4得到的比一致或大體一致。換句話說，帶區(qū)域b的寬度與槽圖像73的寬度對應(yīng)，所述帶區(qū)域b是上端和下端與顯示面板11的顯示區(qū)域f的上端和下端分別對應(yīng)的、從頁面p的左端到右端的頁面p內(nèi)的區(qū)域。按鈕圖像72的寬度與顯示區(qū)域f的寬度對應(yīng)。按鈕圖像72的位置與帶區(qū)域b中的顯示區(qū)域f的位置對應(yīng)。

橫滾動條7的模式設(shè)定

接著，參照圖6說明實施方式的顯示裝置1的橫滾動條7的顯示模式。

頁面中不存在內(nèi)容的區(qū)域，對使用者來說是沒有記載有有效信息的區(qū)域。因此，當頁面p的橫寬比顯示面板11的顯示區(qū)域f的橫寬更寬時，處理部10在帶區(qū)域b中判斷內(nèi)容結(jié)束位置e，所述內(nèi)容結(jié)束位置e是內(nèi)容的右端中最右側(cè)的位置(參照圖8、圖10)。此外，處理部10把表示內(nèi)容結(jié)束位置e的橫滾動條7顯示在顯示面板11上。

具體地說，顯示裝置1設(shè)置有：標識圖像模式(具體后述)，把附加有表示內(nèi)容結(jié)束位置e的標識圖像9的橫滾動條7顯示在顯示面板11上；以及槽圖像變更模式(具體后述)，把使槽圖像73的橫寬變短后的橫滾動條7顯示在顯示面板11上?？梢栽跈M滾動設(shè)定畫面8上對觸摸面板12進行操作來進行模式的選擇(設(shè)定)(參照圖6)。當在觸摸面板12上進行了規(guī)定的操作時，處理部10使橫滾動設(shè)定畫面8顯示在顯示面板11上。

在橫滾動設(shè)定畫面8上設(shè)有用于設(shè)定是否顯示標識圖像9的標識圖像模式按鈕81。通過在保持觸摸標識圖像模式按鈕81的狀態(tài)下使觸摸位置沿橫向滑動，可以切換標識圖像模式的打開/關(guān)閉。即，觸摸面板12接受用于決定是否在標識圖像模式下進行顯示的設(shè)定。當實施了進行標識圖像9的顯示的設(shè)定(標識圖像模式打開的設(shè)定)時，處理部10使標識圖像9顯示在顯示面板11上。當實施了不進行標識圖像9的顯示的設(shè)定(標識圖像模式關(guān)閉的設(shè)定)時，處理部10不使標識圖像9顯示在顯示面板11上。

此外，在橫滾動設(shè)定畫面8上還設(shè)有槽圖像變更模式按鈕82，所述槽圖像變更模式按鈕82用于設(shè)定是否根據(jù)內(nèi)容結(jié)束位置e而改變槽圖像73的橫寬。通過在保持觸摸槽圖像變更模式按鈕82的狀態(tài)下使觸摸位置沿橫向滑動，可以切換槽圖像變更模式的打開/關(guān)閉。即，觸摸面板12接受用于決定是否根據(jù)內(nèi)容結(jié)束位置e而改變槽圖像73的橫寬的設(shè)定。處理部10在設(shè)定打開時，根據(jù)內(nèi)容結(jié)束位置e，改變槽圖像73的橫寬，在設(shè)定關(guān)閉時，不根據(jù)內(nèi)容結(jié)束位置e改變槽圖像73的橫寬。

另外，如果進行了使標識圖像模式按鈕81成為了打開狀態(tài)的操作，則槽圖像變更模式按鈕82自動成為關(guān)閉狀態(tài)。另一方面，如果進行了使槽圖像變更模式按鈕82成為打開狀態(tài)的操作，則標識圖像模式按鈕81自動成為關(guān)閉狀態(tài)。即，只可以選擇標識圖像模式和槽圖像變更模式中的任意一方。

標識圖像模式

接著，參照圖7～圖11說明實施方式的顯示裝置1的標識圖像模式下的顯示的一個例子。在圖8、圖10中用虛線包圍的網(wǎng)點矩形表示顯示裝置1的顯示區(qū)域f。此外，圖8、圖10中的實線的外框(矩形)表示頁面整體。此外，圖8、圖10中的斜線網(wǎng)紋區(qū)域表示頁面中存在內(nèi)容的區(qū)域。圖8、圖10中的頁面p內(nèi)的白地部分表示不存在內(nèi)容的區(qū)域(空白部分，僅有背景圖像的部分)。

以下，參照圖7說明標識圖像9的顯示流程。圖7處于通過顯示裝置1開始閱覽網(wǎng)頁這樣的頁面p的閱覽的時點。此外，到頁面p的閱覽結(jié)束為止(到切換為其它畫面為止)反復進行圖7的流程。

首先，處理部10判斷內(nèi)容結(jié)束位置e，所述內(nèi)容結(jié)束位置e是從與顯示面板11的顯示區(qū)域f重合的頁面p的左端到右端的帶區(qū)域b中的、存在內(nèi)容的最右側(cè)的位置(步驟＃11)。

處理部10確定作為頁面中的區(qū)域的、與顯示面板11顯示的區(qū)域重合的左右方向的帶區(qū)域b。此外，處理部10識別帶區(qū)域b所包含的、左右方向的每行的、內(nèi)容的右端的位置。在圖8、圖10中，用實線圖示表示頁面p中的內(nèi)容的右端的位置的線。處理部10識別該實線的線。此外，將各行的內(nèi)容的右端的位置中的、位于最右側(cè)的位置判斷為內(nèi)容結(jié)束位置e。

此外，當開始頁面p的顯示時，處理部10通過分析頁面p的構(gòu)成，在頁面p內(nèi)配置文章和圖像的內(nèi)容。在此，處理部10也可以在構(gòu)成、配置頁面p的時點，預(yù)先識別頁面p所包含的左右方向的每行的內(nèi)容的右端(圖像和文章的右端)的位置，并把表示各行的右端的位置的數(shù)據(jù)存儲在ram13b中。在該情況下，處理部10參照ram13b的數(shù)據(jù)，將頁面p中的、顯示在顯示面板11上的部分的各行的內(nèi)容的右端的位置中的、位于最右側(cè)的位置判斷為內(nèi)容結(jié)束位置e。

處理部10判斷是否應(yīng)該顯示標識圖像9(步驟＃12)。處理部10在內(nèi)容結(jié)束位置e與頁面p的右端重合時，判斷為不顯示標識圖像9。處理部10在內(nèi)容結(jié)束位置e位于比頁面p的右端更靠內(nèi)側(cè)時(與右端不重合)時，判斷為顯示標識圖像9。當顯示標識圖像9時(步驟＃12中為“是”)，為了決定標識圖像9的顯示位置，處理部10求出頁面p的橫寬(全寬)與從頁面p的左端到內(nèi)容結(jié)束位置e的距離的比率(步驟＃13)。

圖8表示了將頁面中的左上部分顯示在顯示面板11上的狀態(tài)的一個例子。圖10表示了將顯示在顯示面板11上的區(qū)域向比圖8所示的狀態(tài)更靠下移動了的狀態(tài)的一個例子。圖10的狀態(tài)的內(nèi)容結(jié)束位置e比圖8的狀態(tài)的內(nèi)容結(jié)束位置e更靠右端。

在圖8、圖10中，用橫寬w1圖示顯示面板11的顯示區(qū)域f的左右寬度(全寬)。此外，在圖8、圖10中，頁面整體的左右寬度(全寬)為橫寬w2。此外，在圖8中，用橫寬w5圖示從頁面p的左端到內(nèi)容結(jié)束位置e的距離。此外，在圖10中，用橫寬w6圖示從頁面p的左端到內(nèi)容結(jié)束位置e的距離。

在步驟＃13中，處理部10求出圖8的狀態(tài)下的橫寬w5/橫寬w2作為比率。此外，在步驟＃13中，處理部10求出圖10的狀態(tài)下的橫寬w6/橫寬w2作為比率。

接著，處理部10通過在槽圖像73的全寬上乘以求出的比率而求出長度(步驟＃14)。在圖9、圖11中，用橫寬w4圖示槽圖像73的全寬(左右寬度)。此外，在圖9中，用橫寬w7圖示在槽圖像73的全寬上乘以求出的比率得到的寬度(長度)。在圖9中，成為橫寬w4×(橫寬w5/橫寬w2)＝橫寬w7的關(guān)系。此外，在圖11中，用橫寬w8圖示在槽圖像73的全寬上乘以求出的比率得到的寬度。在圖11中，成為橫寬w4×(橫寬w6/橫寬w2)＝橫寬w8的關(guān)系。即，處理部10通過在槽圖像73的全寬上乘以求出的比率來求出長度。

處理部10在從槽圖像73的左端離開所求出的長度部分的位置顯示標識圖像9(步驟＃15)。由此，可以知道：即使在按鈕圖像72與標識圖像9重合的狀態(tài)下進一步右滾動也沒有新顯示的內(nèi)容。此外，在與按鈕圖像72重合的槽圖像73上顯示標識圖像9、且按鈕圖像72的右端與標識圖像9一致的狀態(tài)，成為在超過該狀態(tài)的標識圖像9的右側(cè)沒有內(nèi)容的狀態(tài)。因此，可以視覺性地表示顯示區(qū)域f的右端與內(nèi)容結(jié)束位置e重合或位于內(nèi)容結(jié)束位置e的附近。

圖9、圖11表示了粗的縱線的標識圖像9的例子。也可以將標識圖像9設(shè)為紅色等引人注意的顏色。此外，也可以在縱線的標識圖像9的上端、下端標注三角、圓、四角、星等線圖像以外的圖像。在此，由于頁面中的顯示面板11的顯示區(qū)域f的縱向上的位置，有時內(nèi)容結(jié)束位置e會改變。在此，如圖9、圖11所示，處理部10把標識圖像9的顯示位置設(shè)為與內(nèi)容結(jié)束位置e對應(yīng)的位置。

當步驟＃12中為“否”時(無需顯示標識圖像9時)以及步驟＃15后，流程返回步驟＃11。處理部10在頁面p的顯示中，以一定的周期進行步驟＃11。由此，即使顯示面板11的顯示區(qū)域f移動了，標識圖像9的顯示位置也會成為與移動后的顯示區(qū)域f的內(nèi)容結(jié)束位置e對應(yīng)的位置。滾動限制處理

接著，參照圖6、圖12說明實施方式的標識圖像模式下的滾動限制處理。在比內(nèi)容結(jié)束位置e更靠右側(cè)沒有內(nèi)容。因此，即使向比內(nèi)容結(jié)束位置e更靠右側(cè)滾動也不會顯示有意義的信息，這種橫滾動是無用的。滾動限制處理是限制向比內(nèi)容結(jié)束位置e更靠右側(cè)滾動的(不能向比內(nèi)容結(jié)束位置e更靠右側(cè)滾動)處理。

附加在橫滾動條7的槽圖像73上的標識圖像9的顯示位置，與頁面p的帶區(qū)域b中的內(nèi)容結(jié)束位置e對應(yīng)。因此，按鈕圖像72的右端與標識圖像9重合的狀態(tài)(參照圖12)，是比當前的顯示面板11的顯示區(qū)域f更靠右側(cè)沒有內(nèi)容的狀態(tài)。即，處理部10以按鈕圖像72的右端與標識圖像9重合的狀態(tài)成為顯示區(qū)域f的右端與內(nèi)容結(jié)束位置e重合的狀態(tài)的方式，在顯示面板11上顯示標識圖像9。由此，可以使使用者識別當前的帶區(qū)域b中的內(nèi)容結(jié)束位置e。此外，通過觀察橫滾動條7，可以確認當前的顯示區(qū)域f是否位于內(nèi)容的最右端。此外，在顯示裝置1中，當在顯示標識圖像9的狀態(tài)下進行了移動按鈕圖像72的操作時，可以使處理部10進行使按鈕圖像72的右端不向比標識圖像9更靠右側(cè)移動的滾動限制處理。由此，能夠強制性地防止不會顯示新內(nèi)容的右滾動。因此，能夠消除無用的右滾動操作。

當實施了進行滾動限制處理的設(shè)定時，即使進行了向比標識圖像9更靠右側(cè)移動按鈕圖像72的操作，處理部10也不會接受而無視該操作。具體地說，在按鈕圖像72的右端與標識圖像9重合的狀態(tài)(圖12的狀態(tài))下，即使在觸摸面板12上進行了將按鈕圖像72進一步向右側(cè)移動的操作，處理部10也不會使顯示面板11進行從內(nèi)容結(jié)束位置e向右側(cè)的移動。

在此，是否進行滾動限制處理，可以在橫滾動設(shè)定畫面8上進行設(shè)定(參照圖6)。在橫滾動設(shè)定畫面8上設(shè)有用于設(shè)定是否進行滾動限制處理的滾動限制處理設(shè)定按鈕83。通過在保持觸摸滾動限制處理設(shè)定按鈕83的狀態(tài)下使觸摸位置沿橫向滑動，可以切換滾動限制處理的打開/關(guān)閉。觸摸面板12接受下述設(shè)定：決定在標識圖像9被顯示了的狀態(tài)下進行了移動按鈕圖像72的操作時是否進行滾動限制處理。處理部10在實施了進行滾動限制處理的設(shè)定時進行滾動限制處理，在實施了不進行滾動限制處理的設(shè)定時不進行滾動限制處理。由此，使用者可以選擇是否進行滾動限制處理。因此，能夠使顯示裝置1進行所希望的動作。

槽圖像變更模式

接著，參照圖6、圖13～圖15說明實施方式的槽圖像變更模式。顯示裝置1還設(shè)置有根據(jù)內(nèi)容結(jié)束位置e改變槽圖像73的橫寬的模式(槽圖像變更模式)。參照圖13說明槽圖像變更模式的流程。圖13的開始是通過顯示裝置1開始網(wǎng)頁等頁面p的閱覽的時點。此外，到所述頁面p的閱覽結(jié)束為止(到切換為其它畫面為止)反復進行圖13的流程。

首先，處理部10判斷內(nèi)容結(jié)束位置e，該內(nèi)容結(jié)束位置e是從與顯示面板11的顯示區(qū)域f重合的頁面p的左端到右端的帶區(qū)域b中的、存在內(nèi)容的最右側(cè)的位置(與步驟＃21、圖7的步驟＃11相同)。在圖14中用實線圖示表示頁面p中的內(nèi)容的右端的位置的線。處理部10識別該實線的線。此外，將帶區(qū)域b內(nèi)的各行的內(nèi)容的右端的位置中的、位于最右側(cè)的位置判斷為內(nèi)容結(jié)束位置e。此外，可以在構(gòu)成、配置頁面p的時點，在頁面p所包含的左右方向的各行中，預(yù)先識別并存儲內(nèi)容的右端的位置，該點與步驟＃11相同。

處理部10判斷是否需要變更槽圖像73的橫寬(步驟＃22)。處理部10在內(nèi)容結(jié)束位置e是頁面p的右端時(與右端重合時)，判斷無需變更槽圖像73的橫寬。處理部10在內(nèi)容結(jié)束位置e位于比頁面p的右端更靠內(nèi)側(cè)時(與右端不重合時)，判斷需要變更槽圖像73的橫寬。

當變更槽圖像73的橫寬時(步驟＃22中為“是”)，處理部10求出頁面p的橫寬與從頁面p的左端到內(nèi)容結(jié)束位置e的距離的比率(步驟#23)。在圖14中，頁面p中的、用矩形網(wǎng)點圖形圖示顯示區(qū)域f。圖14表示了在顯示面板11上顯示頁面中的左上部分的狀態(tài)的一個例子。

在圖14中，用橫寬w1圖示顯示面板11的顯示區(qū)域f的左右寬度(全寬)。此外，在圖14中，頁面整體的左右寬度(全寬)為橫寬w2。此外，在圖14中，用橫寬w9圖示從頁面p的左端到內(nèi)容結(jié)束位置e的距離。在圖14的狀態(tài)下，處理部10在步驟#23中，求出橫寬w9/橫寬w2作為比率。

接著，處理部10在槽圖像73的全寬(基準橫寬)上乘以從1減去比率的值，求出長度(步驟#24)。在圖15中，用橫寬w4圖示變更前(通常時)的槽圖像73的全寬(左右寬度)。此外，在圖15中，用橫寬w10圖示在槽圖像73的全寬上乘以從1減去比率的值得到的長度。在圖15中，成為w4×(1－(橫寬w9/橫寬w2))＝橫寬w10的關(guān)系。此外，在圖15中，用橫寬w11圖示把在槽圖像73的全寬上乘以求出的比率得到的寬度。

此外，處理部10將使槽圖像73的基準橫寬減短所求出的長度部分后的槽圖像73顯示在顯示面板11上(步驟#25)。由此，使用者能夠知道按鈕圖像72到達了槽圖像73的右端的狀態(tài)是即使進行右滾動也沒有新顯示的內(nèi)容的狀態(tài)。此外，滾動條所包含的槽圖像73的右端與帶區(qū)域b的內(nèi)容結(jié)束位置e對應(yīng)。因此，在使用橫滾動條7的情況下，可以使顯示區(qū)域f不能向比內(nèi)容結(jié)束位置e更靠右側(cè)移動(滾動)。因此，能夠防止無用的右滾動。

基準橫寬是正常時(變更前)的槽圖像73的橫寬。換句話說，基準橫寬是內(nèi)容結(jié)束位置e位于頁面p的右端且不改變橫寬時的槽圖像73的橫寬。另外，按鈕圖像72的橫寬不變。換句話說，按鈕圖像72的橫寬，是槽圖像73為基準橫寬時的橫寬(槽圖像73的基準橫寬×顯示區(qū)域f的橫寬/頁面p的橫寬)。

即，處理部10以按鈕圖像72到達了槽圖像73的右端的狀態(tài)成為顯示區(qū)域f的右端與內(nèi)容結(jié)束位置e重合了的狀態(tài)的方式，使槽圖像73的橫寬比基準橫寬縮短(槽圖像變更模式)，所述基準橫寬是到帶區(qū)域b的右端為止存在內(nèi)容時的、槽圖像73的橫寬。由此，可以視覺性地向使用者表示到帶區(qū)域b的右端區(qū)域為止沒有內(nèi)容、且?guī)^(qū)域b的右端區(qū)域為空白的情況。此外，能夠強制性防止不能顯示新內(nèi)容的右滾動。因此，能夠消除無用的右滾動操作。

圖15表示了在槽圖像73中將右端縮短了所求出的長度部分。通過縮短，使箭頭圖像71的位置移動。通過縮短，不再是槽圖像73的區(qū)域被用灰色涂滿(被灰色顯示)。

當步驟#22為“否”時(無需變更槽圖像73的橫寬時)以及步驟#25后，流程返回步驟#21。處理部10在頁面p的顯示過程中，以一定的周期進行步驟#21。由此，即使顯示面板11的顯示區(qū)域f移動了，槽圖像73的橫寬也成為與內(nèi)容結(jié)束位置e對應(yīng)的位置。

這樣，實施方式的顯示裝置1包括：顯示面板11，顯示頁面p的內(nèi)容，并且顯示橫滾動條7，所述橫滾動條7包括按鈕圖像72和表示按鈕圖像72的滑動范圍的槽圖像73；觸摸面板(觸摸面板12)，針對顯示面板11設(shè)置，接受對顯示的圖像的操作；以及處理部10，控制顯示面板11的顯示，根據(jù)觸摸面板的輸出，識別對顯示的圖像的操作內(nèi)容，根據(jù)使橫滾動條7的按鈕圖像72移動的移動方向和移動量，使顯示面板11的顯示區(qū)域f在橫向上移動。當頁面p的橫寬比顯示面板11的顯示區(qū)域f的橫寬更寬時，處理部10在帶區(qū)域b中判斷內(nèi)容結(jié)束位置e，并將表示內(nèi)容結(jié)束位置e的橫滾動條7顯示在顯示面板11上，所述帶區(qū)域b是上端和下端與顯示面板11的顯示區(qū)域f的上端和下端對應(yīng)、且從頁面p的左端到右端的頁面p內(nèi)的區(qū)域，所述內(nèi)容結(jié)束位置e是內(nèi)容的右端中的最右側(cè)的位置。

由此，使用者可以知道：到當前的顯示面板11的顯示區(qū)域f的右端為止沒有內(nèi)容。即，可以知道：即使?jié)L動至右端，在中途也沒有新顯示的內(nèi)容。此外，可以通知使用者到到達右端為止的右滾動是無用的。因此，可以減少不能顯示新內(nèi)容的無用的右滾動。

此外，圖像形成裝置(數(shù)碼復合機100)包括實施方式的顯示裝置1。因此，可以提供一種圖像形成裝置(數(shù)碼復合機100)，其能夠讓使用者視覺辨認在當前的帶區(qū)域b中到頁面p的右端為止沒有內(nèi)容、以及向比內(nèi)容結(jié)束位置e更靠右側(cè)(只有空白部分的區(qū)域)進行顯示區(qū)域f的滾動是無用的。

在所述的例子中說明了具有觸摸面板12的智能手機、平板電腦、數(shù)碼復合機100專用的顯示裝置1上的橫滾動條7的顯示?？墒牵景l(fā)明不僅可以應(yīng)用于智能手機、平板電腦、數(shù)碼復合機100專用的顯示裝置1，也可以應(yīng)用于pc等信息處理裝置。在該情況下，信息處理裝置的顯示器相當于顯示面板11，所述顯示面板11顯示頁面p的內(nèi)容，并且顯示橫滾動條7，所述橫滾動條7包括按鈕圖像72和表示按鈕圖像72的滑動范圍的槽圖像73。鼠標和鍵盤等輸入設(shè)備與接受對顯示的圖像操作的觸摸面板對應(yīng)。pc內(nèi)的控制基板相當于處理部10，所述處理部10控制顯示器的顯示，根據(jù)鼠標這樣的觸摸面板的輸出，識別對顯示的圖像進行的操作的內(nèi)容，根據(jù)橫滾動條7的按鈕圖像72移動的移動方向和移動量，在橫向上移動顯示器的顯示區(qū)域f。此外，當頁面p的橫寬比顯示器的顯示區(qū)域f的橫寬更寬時，控制基板在帶區(qū)域b中判斷內(nèi)容結(jié)束位置e，并將表示內(nèi)容結(jié)束位置e的橫滾動條7顯示在顯示器上，所述帶區(qū)域b是上端和下端與顯示器的顯示區(qū)域f的上端和下端對應(yīng)且從頁面p的左端到右端的頁面p內(nèi)的區(qū)域，所述內(nèi)容結(jié)束位置e是內(nèi)容的右端中的最右側(cè)的位置。

此外，以上說明了本發(fā)明的實施方式，但是本發(fā)明的范圍不限于此，在不脫離本發(fā)明宗旨的范圍內(nèi)可以施加各種變形進行實施。