微信小程式把玩（十三）progress元件

阿新 • • 發佈：2019-01-20

這裡寫圖片描述

進度條描述的是一種載入的狀態，比如軟體升級下載進度，視訊，圖片下載進度…

主要屬性：

這裡寫圖片描述

wxml

<progress 
    percent="80"
    show-info="true" 
    stroke-width="5"
    color="red"
    active="true"/>

進度條描述的是一種載入的狀態，比如軟體升級下載進度，視訊，圖片下載進度… 主要屬性： wxml <progress percent="80" show-inf

scroll-view為滾動檢視，分為水平滾動和垂直滾動。注意滾動檢視垂直滾動時一定要設定高度否則的話scroll-view不會生效。滾動檢視常用的地方一般都是Item項比較多的介面，比如我的模組

資料繫結有一部分前幾個看著還行，後面的幾個可能有幾個不理解，介面展示的資料有的也因為條件沒法顯示。看不懂的可以先記著，後面真正用到時就會明白，反正我是這樣想的。這裡先記錄下 data.wxml

modal彈出框常用在提示一些資訊比如：退出應用，清楚快取，修改資料提交時一些提示等等。常用屬性： wxml  <button b

音訊播放已經封裝的很好！只需配合屬性設定即可！（method和data配合使用）主要屬性： wxml <audio action="{{action}}"

image元件也是一個程式不可缺少的，可以這樣說一個app中image元件隨處可以看到，一般 image有兩種載入方式第一種是網路圖片第二種是本地圖片資源，都用src屬性去指定。重點屬性：

button按鈕用的算是最普遍的元件之一。主要屬性： wxml  <button type="defaule" bindtap="c

loading通常使用在請求網路資料時的一種方式，通過hidden屬性設定顯示與否主要屬性： wxml  <button type="primary"

不得不吐糟下checkbox預設樣式真是有點略醜！！！checkbox元件為一個多選框被放到checkbox-group組中，並在checkbox-group（只能包含checkbox）中設定監聽事

通常文字設定要不在wxml中設定，再要不就是通過weml繫結在js中設定文字。 wxml <view > <text>我是文字元件</text>

location API也就分這裡分兩種wx.getLocation(object)獲取當前位置和wx.openLocation(object)通過經緯度開啟內建地圖。其中定位獲取位置資訊返回引數是有問題的speed，accuracy這兩個是沒有的。還有

沒啥可值得太注意的地方重要屬性： 1. wx.getBackgroundAudioPlayerState(object) 獲取播放狀態 2.wx.playBackgroundAu

獲取裝置資訊這裡分為四種，主要屬性：網路資訊wx.getNetWorkType, 系統資訊wx.getSystemInfo, 重力感應資料wx.onAcceleromete

視訊播放元件與圖片載入元件也沒啥差別，使用起來也沒啥注意的重要屬性： wxml  <button bindtap="liste

其實這個儲存在新建Demo的時候就已經用到了就是儲存就是那個logs日誌，資料儲存主要分為同步和非同步非同步儲存方法：存資料 wx.setStorage(object) 相同key會覆蓋，可寫回調方法獲取方法： wx.getStora

電腦端不能測試拍攝功能只能測試選擇視訊功能，好像只支援mp4格式，值得注意的是成功之後返回的臨時檔案路徑是個列表tempFilePaths而不是tempFilePath文件寫的有點問題。主要屬性

演示效果也看到了小程式也就提供這幾個處理導航控制。值得注意的是只能同時導航五個頁面主要屬性：導航條一些方法 wx.setNavigationBarTitle(object) 設定導航條的Title 導航標題可以通過三種方式設定，第一種是通過全域性

radio元件為單選元件與radio-group組合使用，使用方式和checkbox沒啥區別主要屬性： wxml  &

動畫水還是比較深的，這裡只是簡單介紹下小程式中動畫的一些屬性和注意事項，做動畫前一定要整理好思路將動畫一步步分解，再進行組合！這裡只做引入。 wx.createAnimation(object) 看官方介紹 1.建立一個動畫例項animation。呼叫例

微信小程式和Vue有點相似。首先下載開發工具，直接去官網找工具就可以了然後安裝使用就可以了點選選擇小程式，來到這裡點選測試號小程式，會自動生成AppID。然後建立專案就可以了介面就是這樣、可以選擇各種機型以及屬於你的糞×。點選編譯或者直接