TCDesire 曾經(jīng)是 Android 用戶非常喜歡的一款產(chǎn)品，經(jīng)典的翹下巴設(shè)計(jì)和美輪美奐的 Sense 界面讓無數(shù)用戶為之癡狂。經(jīng)過了數(shù)代變遷，Desire 變得更加時(shí)尚的同時(shí)，價(jià)格上也更加的親民。今天就讓我們來看一看HTC最新版 Desire 826 帶來了哪些新變化。

首先我們來看一下 HTC Desire 826 的外觀。Desire 系列現(xiàn)在的定位愈發(fā)年輕時(shí)尚，最新的826版本更是采用了大膽的雙色設(shè)計(jì)，前面板、邊框以及后蓋擁有不同的顏色，拿在手中非常亮眼。

Desire 826采用了一塊5.5英寸1080p分辨率的 Super LCD顯示面板，擁有較高的亮度和色彩表現(xiàn)力，大屏提供的視覺沖擊力也非常大，適合影音娛樂。

屏幕上方有一顆碩大的1300萬像素?cái)z像頭，在自拍方面的優(yōu)勢(shì)甚至超過旗艦級(jí)手機(jī)。它的左側(cè)為光線和距離傳感器，攝像頭與屏幕邊框中間還設(shè)有隱藏式 BoomSound 揚(yáng)聲器，能帶來出色的立體聲外放效果。

屏幕下方為 HTC 的 Logo 和隱藏式 BoomSound 揚(yáng)聲器，Desire 826采用的是 Android 內(nèi)置的虛擬按鍵，能夠在運(yùn)行全屏應(yīng)用時(shí)自動(dòng)隱藏，避免占用屏幕空間。

Desire 826的背部非常整潔，采用類膚質(zhì)感的材料以及雙色設(shè)計(jì)，不僅防滑，觸感也非常細(xì)膩。

背部的上方同樣采用了一枚1300萬像素?cái)z像頭，帶有一顆 LED補(bǔ)光燈，旁邊是降噪麥克風(fēng)，能在嘈雜的環(huán)境中提供良好的通話音質(zhì)。

該機(jī)的頂部和底部分別為3.5mm 耳機(jī)接口和 microUSB 接口，通話邁克隱藏在前置面板的下方 BoomSound 揚(yáng)聲器中。

機(jī)身右側(cè)為音量鍵和電源鍵，這兩個(gè)按鍵的質(zhì)感和高低不同，音量鍵為類膚塑料質(zhì)感，而電源鍵為金屬磨砂質(zhì)感，方便盲操作時(shí)區(qū)分開來。而整個(gè)則邊框也為類膚材質(zhì)，握持感很棒。

機(jī)身的左側(cè)為雙 nano-SIM 卡卡槽和 microSD 卡卡槽，打開保護(hù)蓋即可插拔 SIM 卡，免去了使用卡針的困擾。

Desire 826 的外觀非常簡約，和 HTC 以往的設(shè)計(jì)風(fēng)格類似但融入了更加時(shí)尚的元素，拿著它就會(huì)讓你感覺到更加年輕富有活力。整機(jī)的三圍尺寸為158 x 77.5 x 7.99mm，雖然擁有5.5英寸的大尺寸屏幕，但超薄的機(jī)身也給了它良好的單手可操作性，拿在手中也不會(huì)覺得累。

HTC Desire 826 雙網(wǎng)公開版 HTC官方商城 售價(jià)2299元 >>購買鏈接

系統(tǒng)：安卓5.0+Sense 帶來新元素

HTCDesire 826 是目前國內(nèi)首次搭載 Android 5.0 系統(tǒng)的HTC上市機(jī)型，配合 Sense 6.0 UI，為本已經(jīng)足夠易用的平臺(tái)帶來了一些視覺和功能的新元素。

鎖屏界面依然保持著 HTC 經(jīng)典的樣子，上方顯示時(shí)間和天氣插件，下方為快捷程序欄。用戶可以通過向上劃動(dòng)的方式來解鎖屏幕，也可以直接拖動(dòng)快捷程序圖標(biāo)來打開對(duì)應(yīng)的應(yīng)用程序。

它的主界面為標(biāo)準(zhǔn)的 Sense 風(fēng)格，翻頁式天氣時(shí)鐘、上下滾動(dòng)的程序抽屜欄都會(huì)讓人有一種回到2、3年前的感覺。不過它也包含一些 Sense 界面的新增內(nèi)容，比如最左側(cè)的 HTC BlinkFeed 可以自定義新聞、社交等資訊內(nèi)容，方便用戶在不進(jìn)入軟件的情況下查看最新信息。

由于系統(tǒng)升級(jí)到了最新的 Android 5.0.2，系統(tǒng)功能也融入了新的主題元素。比如通知中心就采用了雙下拉式設(shè)計(jì)，第一次下拉顯示通知消息，第二次打開系統(tǒng)快捷功能開關(guān)。動(dòng)畫過度順暢，系統(tǒng)的功能開關(guān)也可以自定義順序，非常人性化。

多任務(wù)菜單也改為瀑布流+卡片式設(shè)計(jì)，滑動(dòng)的過程非常順滑，對(duì)單獨(dú)卡片向左或向右劃動(dòng)可以結(jié)束軟件的后臺(tái)進(jìn)程。

再有就是一些常用軟件，比如電話、短信、瀏覽器、日歷等都進(jìn)行了 UI 的翻新，加入了沉浸式狀態(tài)欄和 Material Design 的一些設(shè)計(jì)風(fēng)格，更加年輕化。

它的設(shè)置頁面針對(duì)國人的使用習(xí)慣進(jìn)行了重新排布，并且加入了一些個(gè)性化功能，可以更改系統(tǒng)主題和字體，如果有 Dot View保護(hù)殼還可以配合特定軟件顯示出 LED 風(fēng)格的屏顯效果，非常酷炫。

性能和拍照：中高端體驗(yàn)

接下來我們來談?wù)勥@款Desire 826的性能和拍照表現(xiàn)。在說性能之前，我們先來看一下它的整體參數(shù)：

可以看到，該機(jī)采用了64位的八核高通驍龍615處理器，4顆核心最高主頻1.7GHz，另外4顆最高主頻1.0GHz，兼顧性能和能耗表現(xiàn)。

今天我們采用了魯大師和3DMark作為測(cè)試工具，詳細(xì)測(cè)試了它的邏輯和圖形運(yùn)算能力，可以看出魯大師給出的最終得分為29791分，HTML5性能得分為16588分，整體來看它的性能已經(jīng)足夠人們?nèi)粘Ｊ褂茫?GB RAM也能保證一定的多任務(wù)處理能力。

游戲方面的測(cè)試中，3DMark的最終得分為5477分，表現(xiàn)均處于中等水平，一般的中小型3D游戲，Desire 615還是能夠勝任的。不過需要補(bǔ)充的一點(diǎn)就是，該機(jī)在測(cè)試環(huán)節(jié)的發(fā)熱較為嚴(yán)重，這可能和軟件運(yùn)行時(shí)所有核心全功率運(yùn)轉(zhuǎn)有關(guān)，不過平時(shí)正常使用下的溫度還算比較正常。

接下來我們?cè)賮砜匆幌滤呐恼辗矫妗?/p>

這款手機(jī)采用了雙1300萬像素?cái)z像頭，前置和后置拍照能力均不俗。軟件UI方面一直保持著HTC簡潔的操作邏輯，主界面包含了常用的設(shè)置、拍攝模式以及濾鏡等選項(xiàng)，上手十分容易。下面是樣張展示，包含室外、室內(nèi)、微距、夜景等不同情況下的樣張。

室外樣張：

室內(nèi)樣張：

微距樣張：

夜景樣張：

綜合來看，這顆1300萬像素的后置攝像頭表現(xiàn)中規(guī)中矩，白天的畫面銳度還算不錯(cuò)，但中部區(qū)域略有泛紅。夜晚的銳度有所下降，噪點(diǎn)也逐漸增多，但測(cè)光比較準(zhǔn)確，能展示出亮部和暗部的物體細(xì)節(jié)。

總結(jié)

總的來說，HTC Desire 826是一款比較值得購買的大品牌手機(jī)，在做工上它有著很大的優(yōu)勢(shì)，性價(jià)比來說相比同樣采用驍龍615處理器的機(jī)型也是非常高的。同時(shí)考慮到它是Android 5.0系統(tǒng)的手機(jī)，在未來的系統(tǒng)升級(jí)中也具備一定的優(yōu)勢(shì)，后續(xù)的Sense 7.0也會(huì)登錄到該手機(jī)當(dāng)中，屆時(shí)更能凸顯它的高性價(jià)比。■

平居中方案：

水平居中設(shè)置

1、行內(nèi)元素

設(shè)置 text-align:center

2、定寬塊狀元素

設(shè)置 左右 margin 值為 auto

3、不定寬塊狀元素

a:在元素外加入 table 標(biāo)簽（完整的，包括 table、tbody、tr、td），該元素寫在 td 內(nèi)，然后設(shè)置 margin 的值為 auto

b:給該元素設(shè)置 displa:inine 方法

c:父元素設(shè)置 position:relative 和 left:50%，子元素設(shè)置 position:relative 和 left:50%

垂直居中設(shè)置

1、父元素高度確定的單行文本

設(shè)置 height = line-height

2、父元素高度確定的多行文本

a:插入 table （插入方法和水平居中一樣），然后設(shè)置 vertical-align:middle

b:先設(shè)置 display:table-cell 再設(shè)置 vertical-align:middle

在前端面試中，大都會(huì)問你div居中的方法：

文筆不好，就隨便寥寥幾句話概括了，希望大家能夠輕拍

不過以后文筆肯定會(huì)變得更好一些的。

開始這些東西之前也可以測(cè)試一下你對(duì)html了解多少，讓我們測(cè)試一下吧，小測(cè)驗(yàn)：你對(duì)HTML5了解有多少？

今天我們就細(xì)數(shù)一下幾種方法：

1，使用position:absolute,設(shè)置left、top、margin-left、margin-top的屬性

.one{

position:absolute;

width:200px;

height:200px;

top:50%;

left:50%;

margin-top:-100px;

margin-left:-100px;

background:red;

}

這種方法基本瀏覽器都能夠兼容，不足之處就是需要固定寬高。

2，使用position:fixed,同樣設(shè)置left、top、margin-left、margin-top的屬性

.two{

position:fixed;

width:180px;

height:180px;

margin-top:-90px;

margin-left:-90px;

background:orange;

}

大家都知道的position:fixed,IE是不支持這個(gè)屬性的

3，利用position:fixed屬性，margin:auto這個(gè)必須不要忘記了。

.three{

position:fixed;

width:160px;

height:160px;

top:0;

right:0;

bottom:0;

left:0;

margin:auto;

background:pink;

}

4，利用position:absolute屬性，設(shè)置top/bottom/right/left

.four{

position:absolute;

width:140px;

height:140px;

background:black;

}

5，利用display:table-cell屬性使內(nèi)容垂直居中

.five{

display:table-cell;

vertical-align:middle;

text-align:center;

width:120px;

height:120px;

background:purple;

}

6，最簡單的一種使行內(nèi)元素居中的方法，使用line-height屬性

.six{

width:100px;

height:100px;

line-height:100px;

text-align:center;

background:gray;

}

這種方法也很實(shí)用，比如使文字垂直居中對(duì)齊

7，使用css3的display:-webkit-box屬性，再設(shè)置-webkit-box-pack:center/-webkit-box-align:center

.seven{

width:90px;

height:90px;

display:-webkit-box;

-webkit-box-pack:center;

-webkit-box-align:center;

background:yellow;

color:black;

}

8，使用css3的新屬性transform:translate(x,y)屬性

.eight{

position:absolute;

width:80px;

height:80px;

transform:translate(-50%,-50%);

-webkit-transform:translate(-50%,-50%);

-moz-transform:translate(-50%,-50%);

-ms-transform:translate(-50%,-50%);

background:green;

}

這個(gè)方法可以不需要設(shè)定固定的寬高，在移動(dòng)端用的會(huì)比較多，在移動(dòng)端css3兼容的比較好

9、最高大上的一種，使用:before元素

.nine{

position:fixed;

display:block;

background:rgba(0,0,0,.5);

}

.nine:before{

content:'';

display:inline-block;

vertical-align:middle;

height:100%;

}

.nine .content{

width:60px;

height:60px;

line-height:60px;

color:red;

總而言之所有的居中的方法就是你必須要掌握css屬性的這個(gè)概念HTML DIV+CSS，你掌握了就可以好好的運(yùn)用這些居中的東西了

限時(shí)!！免費(fèi)送Dreamweaver、js等前端教程

↓↓↓