【如果你想了解這個(gè)點(diǎn)讀筆寫字App的背景，請(qǐng)移步這里
http://www.lxweimin.com/p/ee2a1bb99280 】
根據(jù)上篇知道了如何從drawable中獲取了圖片，本著如我一樣的新手看完這系列的博文可以做些類似的應(yīng)用，在這篇的開(kāi)端會(huì)先簡(jiǎn)單說(shuō)說(shuō)畫圖類，然后轉(zhuǎn)入正題。畢竟我們初始化本子上原來(lái)的記錄，首先得畫上去。
簡(jiǎn)單介紹畫圖類
其實(shí)畫圖類還是很簡(jiǎn)單的，隨便到網(wǎng)上看幾個(gè)例子或者android開(kāi)發(fā)的入門書籍就知道該如何應(yīng)用了。但是新手在什么都不知道的情況下，往往也不能對(duì)這些簡(jiǎn)單的操作有一些體會(huì)，像我自己就是這樣子的。我的建議就是自己先去做一個(gè)簡(jiǎn)單的測(cè)試應(yīng)用，然后去修改一些自己懷疑的點(diǎn)，去驗(yàn)證自己的想法。
上次我們獲取了一個(gè)bitmap，而且該bitmap是允許我們?cè)谏厦孀鲂薷牡摹Ｄ敲慈绾卧谏厦孀鳟嬆兀啃栌檬褂玫念愑蠵aint和Canvas，paint是你的畫筆，canvas則比較抽象，我不太想強(qiáng)硬地做出不太貼切的比喻。工作中使用我的體會(huì)是Canvas是作為Bitmap類的一個(gè)封裝類，提供了可以在以獲得的bitmap上面作畫的各種方法。使用如下
canvas = new Canvas(baseBitmap);
canvas.drawRect(x, y, x+nXSpanPerPoint-1, y+nYSpanPerPoint-1, paint);
這樣的類往往是很簡(jiǎn)單，也很容易理解，在使用的時(shí)候想要它們有怎樣的方法，基本就能找到。如果你感覺(jué)應(yīng)該有一個(gè)使用很廣泛的方法，而語(yǔ)言事實(shí)上沒(méi)有提供，那就是這語(yǔ)言庫(kù)不好，不怪你。如果你已經(jīng)開(kāi)始讀源碼了，為什么不模仿著源碼風(fēng)格自己實(shí)現(xiàn)一個(gè)呢？
保存書寫記錄的圖片
實(shí)際上這里保存的就是上面通過(guò)canvas改變之后的baseBitmap。
try{
FileOutputStream fos = new FileOutputStream(SaveToFile);
bitmap.compress(Bitmap.CompressFormat.PNG, 100, fos);
fos.close();
}catch (Exception e)
{
e.printStackTrace();
}
其中compress()函數(shù)的三個(gè)參數(shù)分別是保存格式，圖片質(zhì)量和保存文件的輸出流對(duì)象。bitmap是baseBitmap的引用。文件的輸出流帶有全路徑的文件名，SaveToFile的獲取
DrewContent_Path = this.getApplicationContext().getExternalFilesDir(Environment
.DIRECTORY_PICTURES) .getAbsolutePath();
SaveToFile= DrewContent_Path + "/" + FormatPageNo(nCurScribingPage) + ".png";
//format int into String by 00(like 1 to "01")
private String FormatPageNo(int nPageNo)
{
DecimalFormat df = new DecimalFormat("00");
return df.format(nPageNo);
}
在app運(yùn)行的時(shí)，我們?cè)谂涮椎墓P記本上的某頁(yè)書寫后，那么我們將會(huì)保存這頁(yè)的圖片到本地。保存的形式是直接把頁(yè)碼取為文件名，如第1頁(yè)則對(duì)應(yīng)"01.png"。上述code就是把書寫的當(dāng)前頁(yè)的對(duì)應(yīng)圖片存到android/data/$包名$/files/Pictures目錄下，取名“$格式化后的PageNo$.png”。這個(gè)路徑和app是同時(shí)存在的，也就是我們卸載了該app，包名目錄下面的所有文件包括包名本身也將不復(fù)存在。而且這里的讀寫文件是不需要在AndroidManifest.xml中聲明讀寫外存權(quán)限的（一定的API Level以上）。
andriod獲取路徑的相關(guān)知識(shí)屬于那種一看就知道怎么回事的知識(shí)，沒(méi)有所謂的懂和不懂，只有知道不知道，這個(gè)就自行學(xué)習(xí)吧，網(wǎng)上有好多這些知識(shí)的總結(jié)，做得很不錯(cuò)的。相關(guān)的獲取存儲(chǔ)路徑的函數(shù)有RootDirectory、getDataDirectory、getDownloadCacheDirectory、getExternalStorageDirectory、getExternalStoragePublicDirectory、context.getFilesDir、context.getCacheDir、context.getExternalFileDir、context.getExternalCacheDir。需要通過(guò)context調(diào)用的一看大概就可以猜到是和本app相關(guān)的，這些路徑的內(nèi)容和app共存，這些路徑下的讀寫不需要讀寫權(quán)限也合情合理。從File中返回路徑字符串的函數(shù)有g(shù)etPath、getAbsolutePath、getCanonicalPah。另外，還有兩個(gè)判斷設(shè)備存儲(chǔ)方式的函數(shù)isExternalStorageEmulated(API 11)和isExternalStorageRemovable(API 9)。
初始化書寫的記錄
初始化記錄的顯示，主要通過(guò)SimpleAdapter來(lái)管理GridView的顯示。
msimpleAdapter = new SimpleAdapter(this, mListItems, R.layout.child_page,
new String[] {"image", "pageNo"}, new int[] {R.id.image, R.id.pageNo});
gridView.setAdapter(msimpleAdapter);
msimpleAdapter.setViewBinder(new SimpleAdapter.ViewBinder() {
@Override
public boolean setViewValue(View view, Object o, String s) {
if((view instanceof ImageView) && (o instanceof Bitmap))
{
ImageView imageView = (ImageView)view;
Bitmap bitmap = (Bitmap)o;
imageView.setImageBitmap(bitmap);
}
}
});
其中mListItems是一個(gè)list，里面放著需要顯示的數(shù)據(jù)，每項(xiàng)數(shù)據(jù)為Bitmap和頁(yè)碼的鍵值對(duì)。由于SimpleAdapter默認(rèn)接收的圖片數(shù)據(jù)是android資源圖片（也就是R.drawable.xxx）,而我們的圖片是從本地讀取生成的bitmap，所以需要重載setViewValue方法，把圖片設(shè)置到ImageView。說(shuō)到這里需要介紹一下GridView網(wǎng)格布局，其每個(gè)網(wǎng)格可以是一個(gè)子布局，R.layout.child_page的內(nèi)容如下：
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
xmlns:tools="http://schemas.android.com/tools">
<ImageView
android:id="@+id/image"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:adjustViewBounds="true"/>
<TextView
android:id="@+id/pageNo"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="bottom|center"
android:textSize="30sp"
tools:text="pageNo"/>
</FrameLayout>
可以把SimpleAdapter想象一個(gè)管家，它把負(fù)責(zé)把數(shù)據(jù)按照既定的規(guī)則顯示到GridView。重載上述方法實(shí)際上就是改變了原來(lái)既定的規(guī)則，“我現(xiàn)在拿到的數(shù)據(jù)是什么樣的，該怎么處理數(shù)據(jù)”。
在使用SimpleAdapter有點(diǎn)需要特別注意的:假如List中存放著的初始化數(shù)據(jù)在我們的app中是會(huì)動(dòng)態(tài)改變的，當(dāng)需要把更改的數(shù)據(jù)顯示出來(lái)，就需要notifyDataSetChanged()來(lái)刷新。問(wèn)題就在這，在我們傳一個(gè)list參數(shù)new一個(gè)SimpleAdapter對(duì)象時(shí)，這個(gè)list將和SimpleAdapter的對(duì)象一直綁定。很多情況下，明明改變了list中的數(shù)據(jù)，但是SimpleAdapter通過(guò)notifyDataSetChanged()刷新顯示內(nèi)容時(shí)卻沒(méi)有變化，有時(shí)候是因?yàn)槲覀兏淖兊牟皇窃冉壎ǖ哪莻€(gè)list，刷新自然沒(méi)有變化了。
舉兩個(gè)因?yàn)椴恢郎鲜鲈蛟赼pp中遇到的坑。
- 坑一：原先為了考慮降低函數(shù)間的耦合，盡量減少全局變量在多個(gè)函數(shù)內(nèi)出現(xiàn)以降低后期維護(hù)難度。我定義了一個(gè)從本地讀取數(shù)據(jù)的函數(shù)：
private List<Map<String, Object>> void getDatas(String strPath)
{
List<Map<String, Object>> listItems = new ArrayList<>();
//獲取本地?cái)?shù)據(jù)并處理
return listItems;
}
那么實(shí)際上我每次調(diào)用getDatas都是新new的一個(gè)list，當(dāng)我去改變getDatas調(diào)用獲取的數(shù)據(jù)后，再去調(diào)用刷新，因?yàn)椴](méi)有改變與SimpleAdapter綁定的list，刷新自然沒(méi)有反應(yīng)了。
- 坑二：在我初始化頁(yè)時(shí)，我在
msimpleAdapter = new SimpleAdapter(this, mListItems, R.layout.child_page,
new String[] {"image", "pageNo"}, new int[] {R.id.image, R.id.pageNo});
gridView.setAdapter(msimpleAdapter);
后
mListItems.Clear();
結(jié)果什么都沒(méi)顯示出來(lái)，這里我把綁定的數(shù)據(jù)都清除了，而我猜測(cè)是不是因?yàn)樵赟impleAdapter的使用中，UI顯示之前會(huì)有個(gè)刷新的調(diào)用，所以即使我clear是在setAdapter之后，還是什么都沒(méi)有了(類似顯示出一些圖片，然后清除所有圖，然后notifyDataSetChanged這樣的過(guò)程)。
下篇《畫布寫字細(xì)節(jié)》將會(huì)介紹顯示方面的細(xì)節(jié)。App是如何寫字的，是如何在筆記本上寫字的同時(shí)在app上實(shí)時(shí)顯示的，又是如何處理顯示的順序問(wèn)題的？
