您的位置:首页 > 其它

【WIN10】我的第一個WIN10-UWP應用——古文觀止

2015-10-15 10:20 113 查看
已上架,下載地址:https://www.microsoft.com/store/apps/9nblggh6cc32

特點是:繁體豎排,隱藏/顯示標點符號。

截幾張圖來瞅瞅。

1.主界面



這張圖使用的是GridView實現,其中ItemTemplate如下:

<GridView.ItemTemplate>
<DataTemplate>
<Canvas  Width="96" Height="96" >
<Image Source="Assets/images/book.png"/>
<Border BorderBrush="White" BorderThickness="1,1,1,1" Canvas.Left="18" Canvas.Top="8">
<Border BorderBrush="Black" BorderThickness="1,1,1,1">
<Border BorderBrush="White" BorderThickness="1,1,1,1">
<Grid Background="White">
<TextBlock Text="{Binding Name}" TextWrapping="Wrap"  Width="16" FontSize="14" Foreground="Black" />
</Grid>
</Border>
</Border>
</Border>
</Canvas>
</DataTemplate>
</GridView.ItemTemplate>


圖中的文字,使用Border進行邊框顯示,同時加一個Grid,白色背景,把TextBlock包裹起來。這樣,背景就能根據文字的長度變化而變化了。

2.進入到“周文”



允許用戶添加筆記。使用ListView實現,也很簡單。

3.閱讀書籍



使用GridView實現,豎排,元素豎排排列就可以達到效果。

從右到左,使用FlowDirection設置就可以達到。

幾乎不用怎麼編寫代碼。

4.放大



放大縮小的效果,是使用ViewBox實現的,又非常簡單了。

5.一些需要特別處理的地方

1.頁面跳轉。

如果直接使用Frame.Navigate,Frame.Back進行跳轉和返回,你會發現,返回的時候,相當於重新Navigate了那個頁面。這個問題就比較惡心了,比如我現在滾動了滾動條,滾動到了一半,點了一篇文章,發現點錯了,點返回,你發現滾動條回到頂點位置了,而不是剛才我滾動到一半的位置,於是我不得不又滾動一遍,叫我情何以堪。

我的解決方案是,搞一個PageLoader,由它來處理頁面跳轉、返回的處理。每Navigate一個頁面,就生成一個新的Frame,當返回時,刪除這個Frame就OK了,這樣,原來的Frame還在,神馬東東都保存著。。

具體代碼,請看我下篇博客吧。因為我覺得這玩意可能需要單獨的一篇博客來進行說明。

2.AppBar

當Frame導向一個Page時,會把Page的AppBar導入進來,原來頁面的AppBar就不見了。

現在的問題是,當現在是有AppBar的頁面時,如果加載一個沒有AppBar的東東,原來的Appbar不會消失。我覺得這應該是一個BUG。

所以,我不得不放棄使用AppBar.

3.最後關於讀取程式內保存的文件、保存用戶配置、試用版的檢測等等,都用新博客來說明,我覺得這樣更好一些。

[END]
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: