整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          學習分享:JavaScript實現網頁版閱讀器

          現在手機上的文本閱讀app已經非常豐富,良好的閱讀體驗與海量的書庫常常令我感到無比興奮。

          我想到8年前用一點幾寸屏幕的mp3看電子書的情景,頓生一種淡淡的溫馨。再久遠一些,小的時候,我也經常和小伙伴們組團去書店看白書,也就是白看書。古老的木質書架上那一疊疊厚重的黃皮小說書,在年幼的我眼里仿佛是比盤子里的午餐肉更加美味可口的東西

          而在當今這個信息化的時代,看書變得空前的便利,可是兒時那種期待和興奮的感受卻消失在了時間的長河。

          歲月在流逝,時代在進步。

          愿放下所有的浮躁,在新的時代愉快地生活,無所謂明天怎樣,我都相信肯定比今天更好。

          本文以一個網頁版閱讀器作為案例,展示JavaScript中,對滾動條的一些處理,這是完成以后的樣子:

          當我滾動條往上滾動的時候,屏幕右下角會出現一個向上的箭頭:

          而往下滾動的時候,又自動消失。

          當我點擊這個半透明的箭頭按鈕,就會自動滑動到章節的最頂端。

          本章就實現這個小功能。

          開發工具:HBuilder(個人喜歡,順從潮流放棄了使用大半年的EditPlus,不過EditPlus確實鍛煉了我拼寫單詞的能力)

          測試環境:谷歌瀏覽器

          正文

          1. 頁面布局與繪制

          我們寫一個基本的html模板

          <!DOCTYPE html>
          <html>
           <head>
           <meta charset="UTF-8">
           <title>TextReader</title>
           <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
           
           <style type="text/css">
           *{
           padding: 0;
           margin: 0;
           }
           </style>
           </head>
           <body>
           
           </body>
          </html>
          

          接著,我們把背景圖片引入進來(尺寸略有調整):

          body{
           background: url(bg.jpg) no-repeat;
           background-size: 100%;
          }
          

          我們先寫一個div,作為盛放整個手機的父容器。

          在它的css樣式中,我們做了居中定位(水平)。

          .phone {
           width:322px ;
           height:550px; 
           position:relative;
           left:35%;
           top:35px;
           background: #66CC00;
          }
          <div class='phone'></div>
          

          接下來,引入上下兩端的樣式圖片。

          其實,手機的頂部和底部就是兩張圖片:

          我們先把頂部圖片引入進來,在引入圖片之前,先畫兩個div來盛放圖片。

          <body>
           <div class='phone'>
           <div class='phone_top'></div>
           
           <div class='phone-bottom'></div>
           </div>
          </body>
          

          然后,通過背景圖的方式把圖片貼進來。

          .phone .phone_top {
           background: url(phone_top.png);
           height:42px;
          }
          .phone .phone-bottom {
           background: url(phone_bottom.png);
           position: absolute;
           height: 42px;
           width: 100%;
           bottom: 0;
          } 
          

          這樣一來,一個手機的大概模子就出來了,接下來,我們把屏幕區域加上去。

          .phone .container{
           overflow-x: hidden;
           overflow-y: auto;
           width:90%;
           background:#ccc;
           height:456px;
           font-size:14px;
           text-align:left;
           background:#dcf3dc;
           font-family:微軟雅黑;
           color:#555;
           line-height:28px;
           padding:16px;
           text-indent: 2em;
           padding: 16px 16px 0px 16px;
          }
          <body>
           <div class='phone'>
           <div class='phone_top'></div>
           <div class='container'></div>
           <div class='phone-bottom'></div>
           </div>
          </body>
          

          OK,現在可以把父容器的背景色給去掉了。

          background: #66CC00; //去掉
          

          為了把手機模型做得更像一點,我們手動給它加一個按鈕,額,就手動畫一個吧。

          .back {
           width: 30px;
           height: 30px;
           position: absolute;
           left: 50%;
           margin-left: -15px;
           border: 2px solid #c7bcbc;
           top: 4px;
           border-radius: 50%;
          }
          <div class='phone-bottom'>
           <span class='back'></span>
          </div>
          

          雖然span是行內元素,但是因為我們給它設置了 position: absolute , 所以寬度和高度依然是起作用的。

          我也是在寫這個案例的時候無意中發現的,我以前一直以為需要手動給行內元素升級為塊級元素才行。

          這樣,我們的頁面布局差不多久完成啦。

          2. 文字部分設計與美化

          接下來,我們給閱讀器模擬一些數據。

          <body>
           <div class='phone'>
           <div class='phone_top'></div>
           <div class='container'>
           <h4>刀劍神域 </h4>
           <p>
           在一群好奇心旺盛的高手花了整整一個月測量后,發現最底層區域的直徑大約有十公里,足以輕松容納下整個世田谷區。再加上堆積在上面百層左右的樓層,其寬廣的程度可說超乎想像。整體的檔案量大到根本無法測量。 這樣的空間內部有好幾個都市、為數眾多的小型街道與村落、森林和草原,甚至還有湖的存在。而連接每個樓層之間的階梯只有一座,階梯還都位于充斥怪物的危險迷宮區域之中,因此要發現并通過階梯可以說是相當困難。但只要有人能夠突破阻礙抵達上面的樓層,上下層各都市的「轉移門」便會連結起來,人們也就可以自由來去兩個樓層之間。
           </p>
           <p>
           經過兩年的時間,這個巨大城堡就這樣被逐漸地往上攻略,目前已到達第七十四層。城堡的名稱是「艾恩葛朗特」。這座持續飄浮在空中、吞噬了將近六千人,充滿著劍與戰斗的世界。它的另一個名字是——SwordArtOnline刀劍神域」。閃爍著深灰色光芒的劍尖,淺淺地劃過我的肩膀。 那固定顯示在視線左上角的細長橫線,好不容易縮短了長度。同時,似乎有只冰冷的手掌,撫摸過我胸口深處。 
           </p>
           <p>
           橫線——那稱為HP條的藍色條狀物,可以看出我的生命殘值。雖然它還有八成左右的殘值,但不能把事情看得太過于樂觀。因為相對來說,我已經朝死亡深淵前進了兩步。 在敵人的劍再度進入攻擊動作之前,我就先往后跳開一大步,以保持與敵人之間的距離。 
           </p>
           <p>「呼……」 
           </p>
           <p>硬是吐了一大口氣來調整一下氣息。在這個世界的「身體」雖然不需要氧氣,但在另一邊,也就是躺在真實世界里的真正身體,現在呼吸應該非常劇烈。而隨意擺放的手應該正流著大量冷汗,心跳也加速到破表了吧。 </p>
           
           <p>這也是理所當然的事。就算我眼前所見全部都是虛擬的立體影像對象,減少的也只是數值化的生命值,但我現在的確是賭上自己的性命在戰斗。 從賭上性命這點來看,這場戰斗真是相當不公平。因為,眼前的「敵人」——這除了擁有閃耀著光芒的深綠鱗片皮膚與長手臂外,還有著蜥蜴頭與尾巴的半人半獸怪物,不只外表不是人類、甚至沒有真實的生命。它只不過是不論被殺掉多少次,都可以由系統無限重生的數字文件檔案集合體。 </p>
           <p>不對。 目前,操縱這只蜥蜴人的AI程序正在觀察、學習我的戰斗方式,用以不斷提升自己的應對能力。但這些學習檔案,在該個體消滅后便會重置,而且不會反饋到下次出現在這個區域的同種個體上。 
           </p>
           
           </div>
           <div class='phone-bottom'>
           <span class='back'></span>
           </div>
           </div>
          </body>
          

          滾動條的樣式不太美觀,我們將其美化一下

          /** 滾動條樣式美化 */
          ::-webkit-scrollbar{width:5px;height:6px;background:#ccc;}
          ::-webkit-scrollbar-button{background-color:#e5e5e5;}
          ::-webkit-scrollbar-track{background:#999;}
          ::-webkit-scrollbar-track-piece{background:#ccc}
          ::-webkit-scrollbar-thumb{background:#666;}
          ::-webkit-scrollbar-corner{background:#82AFFF;}
          ::-webkit-scrollbar-resizer{background:#FF0BEE;}
          scrollbar{-moz-appearance:none !important;background:rgb(0,255,0) !important;}
          scrollbarbutton{-moz-appearance:none !important;background-color:rgb(0,0,255) !important;}
          scrollbarbutton:hover{-moz-appearance:none !important;background-color:rgb(255,0,0) !important;}
          

          這樣就好看多了。

          標題部分有一點突兀,我們給出四條美化的建議:

          1. 標題居左對齊

          2. 底部畫一條線,與小說正文分開,并且空開一些。

          3. 字體顏色稍微淡一些,不要太黑

          4. 字間稍微距大一些

          于是

          .phone .container h4 {
           text-indent: 0;
           margin-bottom: 1em;
           color:#736357;
           border-bottom:1px solid #736357;
           letter-spacing: 2px;
          }
          

          這樣好看一些了吧,當然,每個人審美觀不同啦,你也可以調成自己喜歡的樣式。

          段落之間和文字間距都太小了,我們也調一下,不要那么小氣嘛,哈哈。

          .phone .container p {
           margin-bottom: 15px;
           letter-spacing: 2px;
          }
          

          恩,好多了。

          3. 引入向上的箭頭圖標

          我們準備了一張半透明的箭頭圖標,現在將其引入。

          <body>
           <div class='phone'>
           <div class='phone_top'></div>
           <div class='container'>
           
           <span id='toTop'></span>
           
           <h4>刀劍神域</h4>
           <p>
           在一群好奇心旺盛的高手花了整整一個月測量后,發現最底層區域的直徑大約有十公里,足以輕松容納下整個世田谷區。再加上堆積在上面百層左右的樓層,其寬廣的程度可說超乎想像。整體的檔案量大到根本無法測量。 這樣的空間內部有好幾個都市、為數眾多的小型街道與村落、森林和草原,甚至還有湖的存在。而連接每個樓層之間的階梯只有一座,階梯還都位于充斥怪物的危險迷宮區域之中,因此要發現并通過階梯可以說是相當困難。但只要有人能夠突破阻礙抵達上面的樓層,上下層各都市的「轉移門」便會連結起來,人們也就可以自由來去兩個樓層之間。
           </p>
           <p>
           經過兩年的時間,這個巨大城堡就這樣被逐漸地往上攻略,目前已到達第七十四層。城堡的名稱是「艾恩葛朗特」。這座持續飄浮在空中、吞噬了將近六千人,充滿著劍與戰斗的世界。它的另一個名字是——SwordArtOnline刀劍神域」。閃爍著深灰色光芒的劍尖,淺淺地劃過我的肩膀。 那固定顯示在視線左上角的細長橫線,好不容易縮短了長度。同時,似乎有只冰冷的手掌,撫摸過我胸口深處。 
           </p>
           <p>
           橫線——那稱為HP條的藍色條狀物,可以看出我的生命殘值。雖然它還有八成左右的殘值,但不能把事情看得太過于樂觀。因為相對來說,我已經朝死亡深淵前進了兩步。 在敵人的劍再度進入攻擊動作之前,我就先往后跳開一大步,以保持與敵人之間的距離。 
           </p>
           <p>「呼……」 
           </p>
           <p>硬是吐了一大口氣來調整一下氣息。在這個世界的「身體」雖然不需要氧氣,但在另一邊,也就是躺在真實世界里的真正身體,現在呼吸應該非常劇烈。而隨意擺放的手應該正流著大量冷汗,心跳也加速到破表了吧。 </p>
           
           <p>這也是理所當然的事。就算我眼前所見全部都是虛擬的立體影像對象,減少的也只是數值化的生命值,但我現在的確是賭上自己的性命在戰斗。 從賭上性命這點來看,這場戰斗真是相當不公平。因為,眼前的「敵人」——這除了擁有閃耀著光芒的深綠鱗片皮膚與長手臂外,還有著蜥蜴頭與尾巴的半人半獸怪物,不只外表不是人類、甚至沒有真實的生命。它只不過是不論被殺掉多少次,都可以由系統無限重生的數字文件檔案集合體。 </p>
           <p>不對。 目前,操縱這只蜥蜴人的AI程序正在觀察、學習我的戰斗方式,用以不斷提升自己的應對能力。但這些學習檔案,在該個體消滅后便會重置,而且不會反饋到下次出現在這個區域的同種個體上。 
           </p>
           
           </div>
           <div class='phone-bottom'>
           <span class='back'></span>
           </div>
           </div>
          </body>
          

          樣式如下:

          .phone .container #toTop {
           width: 40px;
           height: 60px;
           display: inline-block;
           position: absolute;
           background: url(top.png) no-repeat;
           background-size: 100%;
           bottom:80px;
           right: 15px;
           opacity: 0.7;
          }
          

          引進來了。

          4. js控制

          我們通過jQuery的animate方法來實現回到頂部的動畫,實現該功能的核心邏輯就是控制滾動條距離頂部的高度,也就是scrollTop,讓它變為0就可以了。

          //單機圖標直接返回頂部
          $('#toTop').on('click',function(){
           $('.phone .container').eq(0).stop(true, true).animate({ scrollTop: 0},500,function(){
           $('#toTop').css({'opacity' : 0}); 
           });
           
           return false;
          });
          

          最后,我們還希望實現的一個效果就是,只有在滾動條往上拖動的時候,才把按鈕顯示出來,否則就隱藏該按鈕。畢竟,我們在閱讀的時候都不希望一直有個小圖標吧。

          實現思路也很簡單,就是判斷當前滾動條到底是向上滾動呢,還是向下滾動?

          然后設置按鈕的透明度就行了,這時候,我們需要對滾動條進行監聽,如果向上滾動就顯示按鈕,否則隱藏按鈕,實現代碼如下:

          var justScrollTop = 0; //記錄上一次滾動條距離頂部的位置
          //滾動條監聽事件
          $('.phone .container').on('scroll',function(e){
           if(e.target.scrollTop > justScrollTop){
           $('#toTop').css({'opacity' : 0}); //隱藏
           }else{
           $('#toTop').css({'opacity' : 0.8}); //顯示
           }
           
           justScrollTop = e.target.scrollTop;
          });
          

          效果:

          如果有沒看明白的地方,歡迎在下面評論,或者私信我,都可以。

          如果有必要,我會在下一期通過舉例子的方式做解答。

          在尋找新的電子書閱讀軟件嗎?來看看這四款適用于安卓的可靠的開源電子書閱讀器吧。

          ? 來源:linux.cn ? 作者:Scott Nesbitt ? 譯者:chenmu-kk ?

          (本文字數:2156,閱讀時長大約:3 分鐘)


          誰不想有一個好的閱讀體驗?與其將時間浪費在社交媒體或 即時消息軟件 上,不如在自己的安卓手機或平板上閱讀一本書、雜志或其他文檔。

          要做到這一點,你需要的是一個適合的電子書閱讀軟件。接下來讓我們來看一看四款可靠的、開源安卓電子書閱讀器。

          Book Reader

          那我們先從我最喜歡的一款開源安卓電子書閱讀器開始: Book Reader 。它基于現在專有的 FBReader 應用的開源老版本。像 FBReader 的早期版本一樣,Book Reader 小而簡單,但是好用。

          優點:

          • 易于操作。
          • 該應用界面遵循安卓的 Material Design 指南 ,因此非常干凈。
          • 你可以為電子書添加書簽,并將文本分享至你設備上的其他應用。
          • 不斷提供除英語外的其他語言的支持。

          缺點

          • Book Reader 的自定義選項較少。
          • 沒有內置詞典或支持外部詞典的功能。

          支持的電子書格式:

          Book Reader 支持 EPUB、.mobi、PDF、 DjVu 、HTML、純文本、 Word 文檔、RTF 和 FictionBook 。

          Book Reader Android app


          Book Reader 的源碼在 GNU GPL 3.0 下授權,你可以在 GitLab 中找到它。

          Cool Reader

          Cool Reader 是一個靈活易用的電子書軟件。雖然我覺得該軟件的圖標會讓想起 Windows vista 中的圖標,但它確實有一些好用的功能。

          優點

          • 高度自定義,你可以更改字體、行寬、段間距、連字符、字體大小、頁邊距以及背景色。
          • 你可以覆蓋書中的樣式表。我發現這對于兩三本將所有文本設置為小寫字母的書很有用。
          • 它會在設備啟動時自動搜尋設備中的新書資源。你也可以查閱 古騰堡計劃 和 互聯網檔案館 中的書籍。

          缺點

          • Cool Reader 的界面并不是極簡或者說最現代化的。
          • 雖然它開箱即用,但實際上你需要調整一些配置來更舒適地使用 Cool Reader。
          • 應用的默認詞典是專有的,盡管你可以用 開源的詞典 來替換掉它。

          支持的電子書格式:

          你可以使用 Cool Reader 來瀏覽 EPUB、小說、純文本、RTF、HTML、 CHM 和 TCR(Psion 系列掌上電腦的電子書格式)文件。

          Cool Reader Android app


          Cool Reader 的源碼在 GNU GPL 2 下授權,你可以在 Sourceforge 中找到它。

          KOReader

          KOReader 最初是為了 E Ink 電子書閱讀器創建的,但后來發現它可用于安卓。在測試它時,我發現 KOReader 在同等程度下既有用又令人沮喪。很明顯它絕不是一款不好的應用,但不會是我的首選。

          優點

          • 高度自定義。
          • 支持多種語言。
          • 它允許你使用 詞典 (若你已安裝)或者 Wikipedia(若你已連接至網絡)來查單詞。

          缺點

          • 每一本書你都需要改變設置。在你打開一本新書時,KOReader 不會記住相關設置
          • 它的界面會讓人覺得是一款專門的電子書閱讀器。該應用沒有安卓的外形和感受。

          支持的電子書格式:

          你可以查閱 PDF、DjVu、CBT、以及 CBZ 電子書。它也支持 EPUB、小說、.mobi、Word 文檔、文本文件和 CHM 文件。

          KOReader Android app


          Cool Reader 的源碼在 GNU Affero GPL 3.0 下授權,你可以在 GitHub 上找到它。

          Booky McBookface

          是的,這確實是 這款電子書閱讀器 的名字。它是這篇文章中最基礎的電子書閱讀器,但不要因此(或者這個傻乎乎的名字)使你失望。Booky McBookface 易于使用,并且有一件事它做的很好。

          優點

          • 沒有多余的裝飾。只有你和你的電子書。
          • 界面簡潔。
          • 在安卓啟動欄中的長按軟件圖標會彈出一個菜單,你可以從中打開正在閱讀的最后一本書、獲得未讀書籍的列表、或者查找并打開設備上的一本書。

          缺點

          • 軟件中幾乎沒有配置選項——你可以更改字體大小和亮度,僅此而已。
          • 你需要使用屏幕底部的按鈕瀏覽電子書。點擊屏幕邊緣無法操作。
          • 無法為電子書添加書簽。

          支持的電子書格式

          你可以使用該軟件閱讀 EPUB 格式、HTML 文檔,或純文本格式的電子書。

          Booky McBookface Android app


          Booky McBookface 的源碼在 GNU GPL 3.0 下授權,你可以在 GitHub 中找到它。

          你有最喜歡的安卓開源電子書閱讀器嗎?在社區中留言分享一下吧。


          via: opensource.com

          作者: Scott Nesbitt 選題: lujun9972 譯者: chenmu-kk 校對: wxy

          本文由 LCTT 原創編譯, Linux中國 榮譽推出

          點擊“了解更多”可訪問文內鏈接

          互聯網非常發達,智能手機幾乎可以承擔一切的今天,我們仍然可以看到,電紙書這個品類始終都有著它很穩定的受眾人群,一直都沒有被替代。

          你真的需要電紙書嗎?

          一方面,對于喜歡看書的人而言,電紙書有著非常豐富的資源,并且,由于顯示原理的不同,電紙書不會有藍光問題,極大地避免了長時間閱讀時屏幕對人眼的傷害。

          而且,對于需要經常出差,或者每天都要花很長時間都在通勤路上的人而言,電紙書也是個打法時間的好方法,還比玩手機更有價值。

          對于在工作、生活、學習中需要大量閱讀文字的人,電紙書相比于普通平板,在尺寸、重量上都更舒適,閱讀體驗也更好。

          雖然電紙書的優點很多,但是,傳統電紙書也有不少令人詬病的地方,比如之前某個很有名的海外電紙書品牌,賣的很火,但是就是由于生態太封閉了,只能從固定的渠道買書,如果要往進裝自己下載的小說、pdf文件等都很麻煩,版權書庫也不全。而對于其他品牌的一些電紙書產品,大部分的性能表現又著實有點一般,有時候反應慢到讓人懷疑人生——久而久之,慢慢地都變成「蓋泡面神器」了......

          而如果你打算買一款電紙書的話,我強烈建議你試試我最近在玩的「漢王Clear」。

          外觀上手體驗

          首先,漢王Clear,上手的第一感受就是輕,這么大一塊的7英寸屏幕,整機卻還才175g,比現在主流的智能手機和平板都要輕不少,而且它的厚度做的也很薄,最薄處僅3.9mm,可以說是非常的纖巧了。

          另外它還有個我覺得很巧妙的設計——有按鍵的握持側底面底面要比旁邊厚一些,這種思路有點像相機側面的握把。波浪紋設計的加入也讓整機的握持感更舒服一些、也防滑。

          外觀方面最讓我驚喜的,應該就是Type-C接口了。之前在我的印象中,像電紙書這個品類,應該還有不少產品在使用上古的micro USB接口,沒想到Type-C接口已經在電紙書上普及開來了。

          整機流暢度與性能

          這臺電紙書的流暢度,在我實際使用下來,還是有點出乎意料的,反應速度很快,這得益于機身內置了一顆強大的四核處理器,最高4GB的運存,在墨水屏閱讀器領域可以說是非常強悍的存在了。對于內存需求較大的用戶,還可以選購高達64GB存儲的高配版,一般來說標配就已經夠用了。

          流暢性的體驗在搭配按鍵使用的時候感知更為明顯。雖然因為墨水屏刷新的特性,沒法和手機等傳統電子設備比,但我個人感覺要比之前用過的幾款墨水屏設備更流暢一些。

          續航上,漢王Clear非常的好,按我的使用習慣,2400mAh的電池充滿一次可以用很長時間。上次充滿電用了3天之后,現在還有80%多的電量。另外,平板在一段時間不用之后,也會自動關機來進一步降低功耗,以提升續航;平時不用的時候待機鎖屏就好,墨水屏本身就是個非常低功耗的屏幕,不用擔心出差出遠門頻繁充電的問題。

          開放式的系統體驗

          在系統體驗上,漢王Clear的一大特點就是開放式系統。除了幾個系統預裝APP之外,還自帶應用市場,可以安裝其他的第三方APP,起點、晉江、微博、網易新聞、UC瀏覽器、百度網盤、甚至是微信都可以安裝使用。雖然軟件種類和數量不如普通平板豐富,但在「電紙書」這個領域里算是個絕對的「遙遙領先」了。

          除了應用市場,還內置了漢王、微信、京東讀書、當當在內的4大在線書城,你還可以下載其他的第三方書城App,無需擔心圖書資源的問題。出廠自帶了1200+本優質本地圖書,中外名著、暢銷小說等一應俱全。

          另一個比較有意思的是,漢王Clear還內置了一個AI助手,類似之前很火的ChatGPT,除了讓它幫忙搜集一些內容外,還可以用它來輔助寫作,在休閑娛樂的同時還兼顧了一定的生產力,也算是一個小甜頭。

          在內容方面,除了國內互聯網上的內容外,日式輕小說,漫畫等也有不少的愛好者。也因此,往電紙書上導這些數據對于很多人來說都是家常便飯了。這點不得不夸一下漢王Clear,在數據傳輸這點上,漢王Clear主打的就是一個無死角覆蓋——

          Wi-Fi傳書。電紙書和電腦、手機等設備處于同一局域網時,在瀏覽器輸入網址或手機掃碼就可以往電紙書上傳文件的。

          微信傳書。這個功能對于一些微信掃碼和電紙書綁定之后,微信內長按文件-打開-選擇接收設備,就可以將文件傳輸至電紙書。

          掃描王傳輸。這個功能我認為很適合工作黨使用,將電紙書和漢王掃描王APP綁定后,手機掃描紙質版生成的電子文件可以直接分享給電紙書查看。

          百度網盤。登錄百度網盤之后可以直接將資源下載到電紙書上查看。

          最后一個,則是我們傳統的有線傳輸

          就傳輸數據文件這件事來說,漢王Clear挺有誠意的,已經足夠絕大部分人使用了。除了能方便地傳輸文件,它所支持的格式也是非常的豐富,數10種核心的文件格式都支持,甚至于像PPTX、XLSX、EPUB、HTML等也都支持。機器內置的 “自研解析核心”,則可以深度優化不同格式文檔的閱讀性能,從而精準地進行呈現和排版。

          屏幕顯示素質與閱讀體驗

          在屏幕上,漢王Clear采用的墨水屏和常規電子設備的LCD、OLED屏幕不同,它本身不發光,而是通過反射環境光來達到顯示效果的。所以相比于常規的電子設備顯示屏,無藍光,基本不會對人眼造成傷害,“類紙”的顯示感受,仿佛在翻讀一本實體書,這種體驗是你拿著一臺手機或者iPad看書所無法比擬的。

          你還可以使用機器自帶的「聽書」功能,開車的時候聽一聽,輕松又解壓。里面有5款AI的人聲,我實測了一下,聲音很細膩,可以調整不同的快慢節奏,并且設置好定時,喜歡睡前聽書入睡的朋友,以后就可以用它來陪你入睡安眠啦。

          機身內置了高達15種不同的字體,完全免費,在閱讀不同風格、題材的作品的時候,換一換不同的字體風格,有完全不同的心境體驗。

          在閱讀外文書籍的時候,內置了10余本的詞典,長按就可以進行“生詞快速翻譯”,學生黨們如果是用讀外文書來記憶單詞的話,還可以加入“生詞本”保存,以后單獨地把生詞本拿出來背誦復習,堪稱是學語言的神器了。

          在閱讀過程中,你可以隨時給當前頁添加“書簽”,直接在書簽列表可以快捷跳轉對應的界面,像極了在閱讀傳統書的時候通過“折書角”的方法來標注重點。閱讀時,遇到不錯的段落,還可以長按進行摘抄、保存,像我們最常用的 PDF、EPUB、MOBI、TXT、CHM在內的文件格式都是支持這個功能的。

          另外,為了保證多場景下的顯示效果,廠商一般也會在墨水屏下方內置光源來輔助閱讀。在漢王Clear上也不例外,它內置有冷暖雙色溫光源。默認有三種模式可調,分別為熄燈白天夜間。同時還有一個自定義選項。可以按照個人的使用習慣來調整屏幕色溫和亮度,以獲得最佳的使用體驗。

          漢王Clear這塊7英寸的屏幕分辨率為1680×1264,換算之后ppi達到了300。對于一塊7英寸的小平板來說,這個數據足夠了。實際使用時,不論是系統UI還是第三方APP,目前我都沒有碰到過模糊的情況,文字的邊緣整體都非常的銳利、清晰;尤其是配合上它的這塊“微晶蝕刻技術”的全貼合工藝玻璃蓋板,觀感更加通透,清晰度的體驗比我之前上手過的其他墨水屏產品提升了不少。

          而且,這塊屏幕單單灰度的呈現上都有高達256級的灰階顯示效果,可以讓每個畫面都看著更栩栩如生,尤其是在觀看一些漫畫作品時,不會出現其他電子書產品的局部“死黑”“死灰”,看不清楚的情況,真正做到了灰色呈現的“階梯分明”。

          整機交互體驗

          交互方面我覺得也有必要單獨拿出來說一說——

          漢王Clear采用的是實體按鍵的設計,在握持側有三顆按鍵,在桌面時上下鍵可以用來調節音量,如果是看書看漫畫則可用來翻頁,中間鍵則是返回。如果是長按中間的返回鍵,還可以實現“快速刷新”的功能。開啟了重力感應之后,左右手的按鍵也會自動地進行切換。

          這樣的實體翻頁鍵還有個好處,就是頻繁地翻頁不會覺得“累手”,翻頁的速度也會明顯比觸屏使用更快。

          搭配觸摸屏使用,個人感覺會比“只有觸摸屏”功能的產品體驗會更好一些。當然,這三顆按鍵也支持在設置中進行自定義,大家可以按照自己的需求進行調整。

          其他方面,重力感應應該是考慮到了左/右撇子的使用習慣,不管左手還是右手都能很舒適的握持。在功能上漢王Clear做的還是挺齊全的,是個完成度非常高的產品。

          購買總結

          總結一下,作為一款定價千元左右的電紙書,漢王Clear確實是個比較全能型的產品,90%以上的使用需求它都可以滿足,各種功能也都給的很全面,甚至有現在很火爆的AI助手,結合1399/1599元的售價,我覺得這款產品還是挺值的。

          最后,如果你經常看小說、漫畫,或者需要長時間閱讀文稿,那么漢王Clear會是一個很合適的選項,長續航、不傷眼、接近真實紙張的閱讀體驗,這些都是普通平板所不具備的。


          主站蜘蛛池模板: 国产传媒一区二区三区呀| 无码人妻精品一区二区三区久久久| 国产精品亚洲一区二区三区| 国产成人无码aa精品一区| 日韩精品区一区二区三VR| 日韩在线视频不卡一区二区三区 | 久久国产视频一区| 人妻夜夜爽天天爽一区| 国产精品亚洲产品一区二区三区| 99精品一区二区三区无码吞精| 久久国产精品一区免费下载| 免费萌白酱国产一区二区三区| 中文字幕无线码一区| 国产AV一区二区三区传媒| 97se色综合一区二区二区| 国内精品视频一区二区八戒| 国精品无码A区一区二区| 国产精品合集一区二区三区 | 国产精品成人一区无码| 国产精品成人一区无码| 欧亚精品一区三区免费| 精品无码人妻一区二区三区| 国产亚洲3p无码一区二区| 视频在线观看一区| 中文字幕精品一区| 八戒久久精品一区二区三区| 国产伦精品一区二区三区无广告 | 在线观看国产区亚洲一区成人| 鲁丝丝国产一区二区| 国产suv精品一区二区6| 国产品无码一区二区三区在线蜜桃| 日韩精品一区二区三区大桥未久| 国产精品高清一区二区人妖| 国产午夜一区二区在线观看| 精品国产乱子伦一区二区三区| 日韩电影在线观看第一区| 亚洲综合一区二区精品导航| 国产一区二区三区在线视頻| 国产精品成人一区二区| 蜜桃无码AV一区二区| 亚洲片一区二区三区|