WHY
有時(shí)候需要從服務(wù)端接收圖片戳稽,顯示在APP頁面佛析,如顯示驗(yàn)證碼、二維碼等沿彭,這些圖片一般都是以base64格式傳輸?shù)亩M(jìn)制數(shù)據(jù)。
WHAT
App Inventor中的圖片不能直接接收數(shù)據(jù)尖滚,著急用也沒在網(wǎng)上找插件喉刘。base64格式的數(shù)據(jù)是可以在瀏覽器中直接展示的瞧柔,因此可以使用Web瀏覽框展示。
HOW
設(shè)計(jì)界面放置Web瀏覽框睦裳,按需設(shè)計(jì)好位置造锅、大小等。
Web瀏覽框
設(shè)計(jì)界面放置不可見控件Web客戶端用于和服務(wù)端通信廉邑。
Web客戶端
設(shè)計(jì)界面放置不可見控件文件管理器用于保存HTML文件哥蔚。
文件管理器
放置刷新按鈕,用于觸發(fā)圖片請求蛛蒙。
界面
刷新按鈕按壓事件
Web客戶端收到文本時(shí)糙箍,保存圖片數(shù)據(jù)至HTML文件,注意前后加上HTML文件中需要的格式牵祟。注意保存文件時(shí)文件名前面加 “/” 時(shí)文件會保存在手機(jī)文件夾根目錄深夯;如果不加 “/” 則會保存在APP的私有存儲空間,外部就看不到啦课舍。
Web客戶端時(shí)收到文本事件
再做一些美化塌西,一個(gè)美好的登錄界面就完成啦????
運(yùn)行截圖,中間那個(gè)3+8=筝尾?就是傳來的圖片??
保存的HTML在根目錄捡需,可以用瀏覽器直接打開確認(rèn)。
HTML文件
使用HTML查看程序打開效果