上圖是視圖的開發(fā)指導(dǎo)，官方給了個(gè)鏈接。

國(guó)內(nèi)地址:

https://developer.android.google.cn/guide/topics/ui/index.html

view的使用

"直譯"

窗口中的所有視圖都排列在一棵樹中.

可以通過代碼或通過在一個(gè)或多個(gè)XML布局中指定視圖樹來添加視圖.

有許多專門的視圖子類可以充當(dāng)控件，或者可以顯示文本，圖像或其他內(nèi)容。

創(chuàng)建視圖樹后，通常可能需要執(zhí)行幾種類型的常見操作.

"人話"

窗口也就是windows，windows上有視圖"樹",我們?cè)诋嬳撁鏁r(shí)其實(shí)就是往視圖樹上添加view，當(dāng)然，添加的方式即可以是xml也可以是代碼的形式。下面那兩句話，舉個(gè)例子就是TextView的常見類型操作setText();

總結(jié)：

我們對(duì)整個(gè)view學(xué)習(xí)要建立一個(gè)體系，有一個(gè)脈絡(luò)。(自己腦海中有一個(gè)大體的脈絡(luò)，再去補(bǔ)充一個(gè)一個(gè)知識(shí)點(diǎn))

view的基本概念->view如何使用->如何自定義view

之后我會(huì)分享我的"脈絡(luò)"，希望大家多多支持.

后續(xù):

第一期：view的簡(jiǎn)單介紹。

第二期：view添加到頁面的方式。

下一期：view的屬性和方法。

ttpwatch是比較常用的http抓包工具，但是只支持IE和firefox瀏覽器（其他瀏覽器可能會(huì)有相應(yīng)的插件），對(duì)于想要調(diào)試chrome瀏覽器的http請(qǐng)求，似乎稍顯無力，而Fiddler 4 是一個(gè)使用本地 127.0.0.1:8888 的 HTTP 代理，任何能夠設(shè)置 HTTP 代理為 127.0.0.1:8888 的瀏覽器和應(yīng)用程序都可以使用 Fiddler。

1、簡(jiǎn)介

Fiddler是位于客戶端和服務(wù)器端的HTTP代理，也是目前最常用的http抓包工具之一。 它能夠記錄客戶端和服務(wù)器之間的所有HTTP請(qǐng)求，可以針對(duì)特定的HTTP請(qǐng)求，分析請(qǐng)求數(shù)據(jù)、設(shè)置斷點(diǎn)、調(diào)試web應(yīng)用、修改請(qǐng)求的數(shù)據(jù)，甚至可以修改服務(wù)器返回的數(shù)據(jù)，功能非常強(qiáng)大，是web調(diào)試的利器。既然是代理，也就是說：客戶端的所有請(qǐng)求都要先經(jīng)過Fiddler，然后轉(zhuǎn)發(fā)到相應(yīng)的服務(wù)器，反之，服務(wù)器端的所有響應(yīng)，也都會(huì)先經(jīng)過Fiddler然后發(fā)送到客戶端，基于這個(gè)原因，F(xiàn)iddler支持所有可以設(shè)置http代理為127.0.0.1:8888的瀏覽器和應(yīng)用程序。使用了Fiddler之后，web客戶端和服務(wù)器的請(qǐng)求如下所示：

教程的意思在于，當(dāng)你對(duì)某一新事物不熟悉的時(shí)候，幫助你了解一下而已。所以這里就挑一些足夠使用的tab來解釋一下。

2、Fiddler使用界面及其相關(guān)功能介紹

會(huì)話（web session）主要有以下幾種請(qǐng)求：

QuickExec命令行的使用:

Fiddler的左下角有一個(gè)命令行工具叫做QuickExec，允許你直接輸入命令。

常見的命令有：

help 打開官方的使用頁面介紹，所有的命令都會(huì)列出來

cls 清屏 (Ctrl+x 也可以清屏)

select 選擇會(huì)話的命令

?.png 用來選擇png后綴的圖片

bpu 截獲request

監(jiān)聽開關(guān) - 只有兩種狀態(tài)，用的時(shí)候就開著，不用就關(guān)閉。capturing表示捕捉狀態(tài)

監(jiān)聽類型 - 四種狀態(tài)分別對(duì)應(yīng)：監(jiān)聽所有請(qǐng)求；監(jiān)聽瀏覽器請(qǐng)求，監(jiān)聽非瀏覽器請(qǐng)求，和全部隱藏(Hide All)

HTTP統(tǒng)計(jì)面板（Statistics）：

通過陳列出所有的HTTP通信量，F(xiàn)iddler可以很容易地向您展示哪些文件生成了您當(dāng)前請(qǐng)求的頁面。使用Statistics頁簽，用戶可以通過選擇多個(gè)會(huì)話來得來這幾個(gè)會(huì)話的總的信息統(tǒng)計(jì)，比如多個(gè)請(qǐng)求和傳輸?shù)淖止?jié)數(shù)。

選擇第一個(gè)請(qǐng)求和最后一個(gè)請(qǐng)求，可獲得整個(gè)頁面加載所消耗的總體時(shí)間。從條形圖表中還可以分別出哪些請(qǐng)求耗時(shí)最多，從而對(duì)頁面的訪問進(jìn)行訪問速度優(yōu)化。

還可以看出一些基本性能數(shù)據(jù)：如DNS解析的時(shí)間消耗,建立TCP/IP連接的時(shí)間消耗等等信息。

檢查器(Inspectors)：

分為上下兩個(gè)部分，上半部分是請(qǐng)求頭部分，下半部分是響應(yīng)頭部分。對(duì)于每一部分，提供了多種不同格式查看每個(gè)請(qǐng)求和響應(yīng)的內(nèi)容。JPG格式使用ImageView就可以看到圖片，HTML/JS/CSS使用TextView可以看到響應(yīng)的內(nèi)容。Raw標(biāo)簽可以查看原始的符合HTTP標(biāo)準(zhǔn)的請(qǐng)求和響應(yīng)頭。Auth則可以查看授權(quán)Proxy-Authorization和 Authorization的相關(guān)信息。Cookies標(biāo)簽可以看到請(qǐng)求的cookie和響應(yīng)的set-cookie頭信息。

AutoResponder：

可用于攔截某一請(qǐng)求，并重定向到本地的資源，或者使用Fiddler的內(nèi)置響應(yīng)。可用于調(diào)試服務(wù)器端代碼而無需修改服務(wù)器端的代碼和配置，因?yàn)閿r截和重定向后，實(shí)際上訪問的是本地的文件或者得到的是Fiddler的內(nèi)置響應(yīng)。有些時(shí)候在測(cè)試環(huán)境和線上環(huán)境的不同，導(dǎo)致在線系統(tǒng)的js難以跟蹤調(diào)試特別是一些動(dòng)態(tài)js腳本，該功能可以大大減少了在線調(diào)試的困難。

勾選Enable rules和Unmatched requestpassthrough，Add Rule是創(chuàng)建規(guī)則（為了方便可以直接將左邊的url拖拽到右邊列表中）。下面第一個(gè)文本框是當(dāng)前選擇的url，在第二個(gè)文本框中選擇Find a file...,選擇本地保存后的文件。兩者就建立了一一對(duì)應(yīng)關(guān)系。

例子如下：

本地js中增加了alert

使用AutoResponder后，調(diào)試10.33.30.219服務(wù)器代碼

這剛好是本地js中的內(nèi)容，說明請(qǐng)求已經(jīng)成功被攔截到本地.當(dāng)然也可以使用Fiddler的內(nèi)置響應(yīng)。下圖是Fiddler支持的攔截重定向的方式：

前端開發(fā)的日常工作中，發(fā)現(xiàn)服務(wù)器上某個(gè)css/javascript文件有問題，需要修改。利用Fiddler的可以修改HTTP數(shù)據(jù)的特性，就能用本地文件替換線上css/javascript文件，基于生產(chǎn)環(huán)境修改并驗(yàn)證，確認(rèn)后再發(fā)布。

Filter：

Fiddler提供了多維度的過濾規(guī)則，足以滿足日常開發(fā)調(diào)試的需求。host和zone過濾。可以過濾只顯示intranet或者internet的HTTP請(qǐng)求也可以選擇特定域名的HTTP請(qǐng)求; client process:可以捕獲指定進(jìn)程的請(qǐng)求

3、使用Fiddler進(jìn)行HTTP斷點(diǎn)調(diào)試

通過設(shè)置斷點(diǎn)，F(xiàn)iddler可以做到：

1. 修改HTTP請(qǐng)求頭信息。例如修改請(qǐng)求頭的UA, Cookie, Referer 信息，通過“偽造”相應(yīng)信息達(dá)到達(dá)到相應(yīng)的目的（調(diào)試，模擬用戶真實(shí)請(qǐng)求等）。

2. 構(gòu)造請(qǐng)求數(shù)據(jù)，突破表單的限制，隨意提交數(shù)據(jù)。避免頁面js和表單限制影響相關(guān)調(diào)試。

3. 攔截響應(yīng)數(shù)據(jù)，修改響應(yīng)實(shí)體。

假設(shè)js前端程序員和服務(wù)器程序員是分工合作的，js程序員想要調(diào)試Ajax請(qǐng)求的功能，這樣便不必等待服務(wù)器端程序員開發(fā)好所有接口之后再開始開發(fā)js端的ajax請(qǐng)求功能，因?yàn)橥ㄟ^“模擬”真實(shí)的服務(wù)器端的響應(yīng)，便可以保證功能的正確性，而服務(wù)器端開發(fā)程序員，只要保證最終的響應(yīng)是符合規(guī)定的即可。這大大簡(jiǎn)化了程序開發(fā)的效率。

有兩種方法設(shè)置斷點(diǎn)：

1.fiddler菜單欄->rules->automatic Breakpoints->選擇斷點(diǎn)方式，這種方式下設(shè)定的斷點(diǎn)會(huì)對(duì)之后的所有HTTP請(qǐng)求有效。

有兩個(gè)斷點(diǎn)位置：

a. before response。也就是發(fā)送請(qǐng)求之后，但是Fiddler代理中轉(zhuǎn)之前，這時(shí)可以修改請(qǐng)求的數(shù)據(jù)。

b.after response。也就是服務(wù)器響應(yīng)之后，但是在Fiddler將響應(yīng)中轉(zhuǎn)給客戶端之前。這時(shí)可以修改響應(yīng)的結(jié)果。

終止斷點(diǎn)：在rules->auto breakpoint中disabled斷點(diǎn)即可。

2.命令行下輸入。Bpafter xxx或者bpv,bpu,bpm等設(shè)置斷點(diǎn)。這種斷點(diǎn)只針對(duì)特定類型的請(qǐng)求。

Bpu xxx，攔截請(qǐng)求數(shù)據(jù)并能進(jìn)行修改。

web再次訪問文件，通過Fiddler的web session界面可以看到，請(qǐng)求已經(jīng)被掛起來了，而web瀏覽器也一直處于加載的狀態(tài)。

修改請(qǐng)求參數(shù)value值后，點(diǎn)擊 “run to complete“，便可回送修改后的響應(yīng)。

終止斷點(diǎn)：只需輸入命令“bpu”。

Bpafter xxx，攔截響應(yīng)數(shù)據(jù)并能進(jìn)行修改用法跟bpu命令一樣