SlideShare a Scribd company logo
範例:利用WebViewer與ActivityStarter連到外部網站 
需求: 
建立一個有一文字輸入欄位及兩個按鈕一為『open inside』,『open outside』的頁面。 
文字輸入欄位可以輸入url。如果沒有輸入在按下按鈕時就會跳到聯合報首頁。 
按下『open inside』會將網頁顯示在app裡面。按下『open outside』則會將網頁顯示在另外開 
啟的瀏覽器中。 
設計師元件佈置作業: 
1.在頁面放入 WEBViewer 、TextBox、兩個Button元件及ActivityStarter元件。另外說明部分是 
用Label元件做的 
元件名稱 Properties屬性設定 
WebViewer(WebViewer1) Width:fill parent 
TextBox(txt_url) Width:fill parent 
Button(btn_inside) 
Button(btn_outside) 
ActivityStarter1(ActivityStarter1) 一定要設 
Action:android.intent.action.VIEW 
示意圖如下:
Blocks拼塊編輯作業: 
1. 進入Blocks拼塊編輯作業裡點選左側Built in 裡Variables的設定一個全域變數(url)。設 
定其為空值。 
2. 設定按下『btn_inside』時的事件。 
a. 點選左側Screen1­> 
btnRed­> 
『When btn_inside.Click do』拖拉到Viewer中。 
b. 設定有沒有輸入網址。點選左側Built in­> 
Control­> 
『if then』將此拼塊拖拉到『 
When btn_inside.Click do』中。並將中間的『=』改成『≠』。 
c. if 的第一個缺口放入『txt.url.Text』(從txt_url物件中選擇的)。第二個缺口則是 
填入空字串(從Text選擇的)。 
d. then 旁的缺口則是要放入『set global url to 』(從Variables中選到的)。『set 
global url to 』旁的缺口放入『txt_url.Text』(從txt_url物件中選擇的)。 
e. 加入一個『else』條件。『else』旁的缺口則是要放入『set global url to 』。『 
set global url to 』旁的缺口放入”http://udn.com”字串(從Text選擇後填寫)。 
f. 點選左側WebViewer1物件選擇『call WebViewer1.GoToUrl』放到剛剛設定的『 
if then else』下方。 
g. WebViewer1物件 url旁的缺口放入『get global url』(從Variables中選到的)。 
這樣就完成按下『btn_inside』時的事件。 
3. 設定按下『btn_outside』時的事件。 
a. 點選左側Screen1­> 
btnRed­> 
『When btn_outside.Click do』拖拉到Viewer中。 
b. 設定有沒有輸入網址。點選左側Built in­> 
Control­> 
『if then』將此拼塊拖拉到『 
When btn_inside.Click do』中。並將中間的『=』改成『≠』。 
c. if 的第一個缺口放入『txt.url.Text』(從txt_url物件中選擇的)。第二個缺口則是 
填入空字串(從Text選擇的)。 
d. then 旁的缺口則是要放入『set global url to 』(從Variables中選到的)。『set 
global url to 』旁的缺口放入『txt_url.Text』(從txt_url物件中選擇的)。 
e. 加入一個『else』條件。『else』旁的缺口則是要放入『set global url to 』。『 
set global url to 』旁的缺口放入”http://udn.com”字串(從Text選擇後填寫)。 
f. 點選左側ActivityStarter1物件選擇『set ActivityStarter1.DataUrl to』, 放到剛剛 
設定的『if then else』下方。 
g. 『set ActivityStarter1.DataUrl to』旁的缺口請放入『get global url』(從 
Variables中選到的)。 
h. 再點選左側ActivityStarter1物件選擇『call ActivityStarter1.StartActivity』,放到 
『set ActivityStarter1.DataUrl to』下方。這樣就完成了設定按下『btn_outside 
』時的事件。
示意圖如下 
完成了,來看看其中按下『open inside』的畫面吧。畫面如下:
Sample aia 檔案下載網址:http://goo.gl/R45FUS 
apk 下載網址:http://goo.gl/EwtPv1

More Related Content

What's hot

mBot教學(3) - 開發mBot應用程式
mBot教學(3) - 開發mBot應用程式mBot教學(3) - 開發mBot應用程式
mBot教學(3) - 開發mBot應用程式
吳錫修 (ShyiShiou Wu)
 
App inventor 2
App  inventor  2App  inventor  2
App inventor 2
ssuser0013fc
 
使徒行传第一章ppt (下) 背叛与饶恕
使徒行传第一章ppt (下)背叛与饶恕使徒行传第一章ppt (下)背叛与饶恕
使徒行传第一章ppt (下) 背叛与饶恕
查經簡報分享
 
VRSionUp!7-Spokeを使ったイベント設営TIPS
VRSionUp!7-Spokeを使ったイベント設営TIPSVRSionUp!7-Spokeを使ったイベント設営TIPS
VRSionUp!7-Spokeを使ったイベント設営TIPS
GREE VR Studio Lab
 
化學科學測怎麼考New
化學科學測怎麼考New化學科學測怎麼考New
化學科學測怎麼考Newlins42512
 
羅馬書第五章 為罪人死
羅馬書第五章 為罪人死羅馬書第五章 為罪人死
羅馬書第五章 為罪人死
查經簡報分享
 
敏捷式創意活動-樂高遊戲
敏捷式創意活動-樂高遊戲敏捷式創意活動-樂高遊戲
敏捷式創意活動-樂高遊戲
Dean Yeh, PMP®, PMI-RMP®, Certified ScrumMaster®
 
HTML5マークアップの心得と作法
HTML5マークアップの心得と作法HTML5マークアップの心得と作法
HTML5マークアップの心得と作法
Futomi Hatano
 
2018年 臉書社群行銷之經營與規劃 Facebook Marketing
2018年 臉書社群行銷之經營與規劃 Facebook Marketing2018年 臉書社群行銷之經營與規劃 Facebook Marketing
2018年 臉書社群行銷之經營與規劃 Facebook Marketing
Norika
 
提摩太後書 2:14-26 做神無愧的工人
提摩太後書 2:14-26 做神無愧的工人提摩太後書 2:14-26 做神無愧的工人
提摩太後書 2:14-26 做神無愧的工人
Jian-Yu Fisher Ke
 
ゼロ幅スペースという悪夢
ゼロ幅スペースという悪夢ゼロ幅スペースという悪夢
ゼロ幅スペースという悪夢
swamp Sawa
 
約翰福音10章(下)
約翰福音10章(下)約翰福音10章(下)
約翰福音10章(下)
gary wang
 
micro:bit LED顯示控制
micro:bit LED顯示控制micro:bit LED顯示控制
micro:bit LED顯示控制
吳錫修 (ShyiShiou Wu)
 
不要以人作王撒母耳記上(8:01-8:22)
不要以人作王撒母耳記上(8:01-8:22)不要以人作王撒母耳記上(8:01-8:22)
不要以人作王撒母耳記上(8:01-8:22)
查經簡報分享
 
羅馬書第一章ppt
羅馬書第一章ppt羅馬書第一章ppt
羅馬書第一章ppt
查經簡報分享
 
羅馬書第三章ppt
羅馬書第三章ppt羅馬書第三章ppt
羅馬書第三章ppt
查經簡報分享
 
詹翔霖教授--營運計劃書
詹翔霖教授--營運計劃書詹翔霖教授--營運計劃書
詹翔霖教授--營運計劃書
翔霖 詹
 
羅馬書第四章ppt
羅馬書第四章ppt羅馬書第四章ppt
羅馬書第四章ppt
查經簡報分享
 

What's hot (20)

mBot教學(3) - 開發mBot應用程式
mBot教學(3) - 開發mBot應用程式mBot教學(3) - 開發mBot應用程式
mBot教學(3) - 開發mBot應用程式
 
App inventor 2
App  inventor  2App  inventor  2
App inventor 2
 
使徒行传第一章ppt (下) 背叛与饶恕
使徒行传第一章ppt (下)背叛与饶恕使徒行传第一章ppt (下)背叛与饶恕
使徒行传第一章ppt (下) 背叛与饶恕
 
VRSionUp!7-Spokeを使ったイベント設営TIPS
VRSionUp!7-Spokeを使ったイベント設営TIPSVRSionUp!7-Spokeを使ったイベント設営TIPS
VRSionUp!7-Spokeを使ったイベント設営TIPS
 
化學科學測怎麼考New
化學科學測怎麼考New化學科學測怎麼考New
化學科學測怎麼考New
 
羅馬書第五章 為罪人死
羅馬書第五章 為罪人死羅馬書第五章 為罪人死
羅馬書第五章 為罪人死
 
敏捷式創意活動-樂高遊戲
敏捷式創意活動-樂高遊戲敏捷式創意活動-樂高遊戲
敏捷式創意活動-樂高遊戲
 
HTML5マークアップの心得と作法
HTML5マークアップの心得と作法HTML5マークアップの心得と作法
HTML5マークアップの心得と作法
 
2018年 臉書社群行銷之經營與規劃 Facebook Marketing
2018年 臉書社群行銷之經營與規劃 Facebook Marketing2018年 臉書社群行銷之經營與規劃 Facebook Marketing
2018年 臉書社群行銷之經營與規劃 Facebook Marketing
 
提摩太後書 2:14-26 做神無愧的工人
提摩太後書 2:14-26 做神無愧的工人提摩太後書 2:14-26 做神無愧的工人
提摩太後書 2:14-26 做神無愧的工人
 
ゼロ幅スペースという悪夢
ゼロ幅スペースという悪夢ゼロ幅スペースという悪夢
ゼロ幅スペースという悪夢
 
Unityと.NET
Unityと.NETUnityと.NET
Unityと.NET
 
約翰福音10章(下)
約翰福音10章(下)約翰福音10章(下)
約翰福音10章(下)
 
micro:bit LED顯示控制
micro:bit LED顯示控制micro:bit LED顯示控制
micro:bit LED顯示控制
 
不要以人作王撒母耳記上(8:01-8:22)
不要以人作王撒母耳記上(8:01-8:22)不要以人作王撒母耳記上(8:01-8:22)
不要以人作王撒母耳記上(8:01-8:22)
 
羅馬書第一章ppt
羅馬書第一章ppt羅馬書第一章ppt
羅馬書第一章ppt
 
三、信心的驚人力量
三、信心的驚人力量三、信心的驚人力量
三、信心的驚人力量
 
羅馬書第三章ppt
羅馬書第三章ppt羅馬書第三章ppt
羅馬書第三章ppt
 
詹翔霖教授--營運計劃書
詹翔霖教授--營運計劃書詹翔霖教授--營運計劃書
詹翔霖教授--營運計劃書
 
羅馬書第四章ppt
羅馬書第四章ppt羅馬書第四章ppt
羅馬書第四章ppt
 

Viewers also liked

App inventor 教學講義 chapter1
App inventor 教學講義 chapter1App inventor 教學講義 chapter1
App inventor 教學講義 chapter1
Jerry Wu
 
App inventor 教學講義 chapter2
App inventor 教學講義 chapter2App inventor 教學講義 chapter2
App inventor 教學講義 chapter2
Jerry Wu
 
App inventor 教學講義 chapter4
App inventor 教學講義 chapter4App inventor 教學講義 chapter4
App inventor 教學講義 chapter4
Jerry Wu
 
App inventor 教學講義 chapter3
App inventor 教學講義 chapter3App inventor 教學講義 chapter3
App inventor 教學講義 chapter3Jerry Wu
 
App inventor 教學講義 chapter6
App inventor 教學講義 chapter6App inventor 教學講義 chapter6
App inventor 教學講義 chapter6
Jerry Wu
 
App inventor 演講簡報
App inventor 演講簡報App inventor 演講簡報
App inventor 演講簡報
David Huang
 
App inventor 4
App inventor 4App inventor 4
App inventor 4
Roy Wang
 
Arduino Yun 物聯網 Lesson 2
Arduino Yun 物聯網 Lesson 2Arduino Yun 物聯網 Lesson 2
Arduino Yun 物聯網 Lesson 2
CAVEDU Education
 
App inventor 1
App inventor 1App inventor 1
App inventor 1
Roy Wang
 
飲水松-開放街圖簡介 drinking water map and openstreetmap
飲水松-開放街圖簡介 drinking water map and openstreetmap飲水松-開放街圖簡介 drinking water map and openstreetmap
飲水松-開放街圖簡介 drinking water map and openstreetmap
Dennis Raylin Chen
 
Arduino 習作工坊 - Lesson 4 通訊之夜
Arduino 習作工坊 -  Lesson 4 通訊之夜Arduino 習作工坊 -  Lesson 4 通訊之夜
Arduino 習作工坊 - Lesson 4 通訊之夜
CAVEDU Education
 
iOS On Boarding Training
iOS On Boarding TrainingiOS On Boarding Training
iOS On Boarding Training
Ryan Chung
 
APP Inventor as a Tool to Reach Students
APP Inventor as a Tool to Reach StudentsAPP Inventor as a Tool to Reach Students
APP Inventor as a Tool to Reach Students
Technological Ecosystems for Enhancing Multiculturality
 
PHP也有day #27 - From apprentice to artisan 解耦合處理程序及單元測試
PHP也有day #27 - From apprentice to artisan 解耦合處理程序及單元測試PHP也有day #27 - From apprentice to artisan 解耦合處理程序及單元測試
PHP也有day #27 - From apprentice to artisan 解耦合處理程序及單元測試
亮亮 閃
 
2016年逢甲大學資訊系:ASP.NET MVC 4 教育訓練3
2016年逢甲大學資訊系:ASP.NET MVC 4 教育訓練32016年逢甲大學資訊系:ASP.NET MVC 4 教育訓練3
2016年逢甲大學資訊系:ASP.NET MVC 4 教育訓練3
Duran Hsieh
 
160901 翻轉開發,活用雲端創新技術@IBM Cloud Innovation Day
160901  翻轉開發,活用雲端創新技術@IBM Cloud Innovation Day160901  翻轉開發,活用雲端創新技術@IBM Cloud Innovation Day
160901 翻轉開發,活用雲端創新技術@IBM Cloud Innovation Day
CAVEDU Education
 
mbot初體驗
mbot初體驗mbot初體驗
mbot初體驗
允帥 游
 
如何選擇合適的網站製作平台
如何選擇合適的網站製作平台如何選擇合適的網站製作平台
如何選擇合適的網站製作平台Hui Chieh Chiu
 
凌波微步:wagon + VS Code 的輕功哲學
凌波微步:wagon + VS Code 的輕功哲學凌波微步:wagon + VS Code 的輕功哲學
凌波微步:wagon + VS Code 的輕功哲學
Shengyou Fan
 

Viewers also liked (20)

App inventor 教學講義 chapter1
App inventor 教學講義 chapter1App inventor 教學講義 chapter1
App inventor 教學講義 chapter1
 
App inventor 教學講義 chapter2
App inventor 教學講義 chapter2App inventor 教學講義 chapter2
App inventor 教學講義 chapter2
 
App inventor 教學講義 chapter4
App inventor 教學講義 chapter4App inventor 教學講義 chapter4
App inventor 教學講義 chapter4
 
App inventor 教學講義 chapter3
App inventor 教學講義 chapter3App inventor 教學講義 chapter3
App inventor 教學講義 chapter3
 
App inventor 教學講義 chapter6
App inventor 教學講義 chapter6App inventor 教學講義 chapter6
App inventor 教學講義 chapter6
 
App inventor 演講簡報
App inventor 演講簡報App inventor 演講簡報
App inventor 演講簡報
 
App inventor 4
App inventor 4App inventor 4
App inventor 4
 
Arduino Yun 物聯網 Lesson 2
Arduino Yun 物聯網 Lesson 2Arduino Yun 物聯網 Lesson 2
Arduino Yun 物聯網 Lesson 2
 
App inventor 1
App inventor 1App inventor 1
App inventor 1
 
飲水松-開放街圖簡介 drinking water map and openstreetmap
飲水松-開放街圖簡介 drinking water map and openstreetmap飲水松-開放街圖簡介 drinking water map and openstreetmap
飲水松-開放街圖簡介 drinking water map and openstreetmap
 
Arduino 習作工坊 - Lesson 4 通訊之夜
Arduino 習作工坊 -  Lesson 4 通訊之夜Arduino 習作工坊 -  Lesson 4 通訊之夜
Arduino 習作工坊 - Lesson 4 通訊之夜
 
iOS On Boarding Training
iOS On Boarding TrainingiOS On Boarding Training
iOS On Boarding Training
 
APP Inventor as a Tool to Reach Students
APP Inventor as a Tool to Reach StudentsAPP Inventor as a Tool to Reach Students
APP Inventor as a Tool to Reach Students
 
PHP也有day #27 - From apprentice to artisan 解耦合處理程序及單元測試
PHP也有day #27 - From apprentice to artisan 解耦合處理程序及單元測試PHP也有day #27 - From apprentice to artisan 解耦合處理程序及單元測試
PHP也有day #27 - From apprentice to artisan 解耦合處理程序及單元測試
 
2016年逢甲大學資訊系:ASP.NET MVC 4 教育訓練3
2016年逢甲大學資訊系:ASP.NET MVC 4 教育訓練32016年逢甲大學資訊系:ASP.NET MVC 4 教育訓練3
2016年逢甲大學資訊系:ASP.NET MVC 4 教育訓練3
 
App Inventor tutorial
App Inventor tutorialApp Inventor tutorial
App Inventor tutorial
 
160901 翻轉開發,活用雲端創新技術@IBM Cloud Innovation Day
160901  翻轉開發,活用雲端創新技術@IBM Cloud Innovation Day160901  翻轉開發,活用雲端創新技術@IBM Cloud Innovation Day
160901 翻轉開發,活用雲端創新技術@IBM Cloud Innovation Day
 
mbot初體驗
mbot初體驗mbot初體驗
mbot初體驗
 
如何選擇合適的網站製作平台
如何選擇合適的網站製作平台如何選擇合適的網站製作平台
如何選擇合適的網站製作平台
 
凌波微步:wagon + VS Code 的輕功哲學
凌波微步:wagon + VS Code 的輕功哲學凌波微步:wagon + VS Code 的輕功哲學
凌波微步:wagon + VS Code 的輕功哲學
 

Similar to App inventor2利用WebViewer與ActivityStarter連到外部網站

Flex20100906
Flex20100906Flex20100906
Flex20100906
reasonpun
 
只需要懂Jquery也能學react js
只需要懂Jquery也能學react js只需要懂Jquery也能學react js
只需要懂Jquery也能學react js
Justin Wu
 
如何添加图片新闻帮助手册
如何添加图片新闻帮助手册如何添加图片新闻帮助手册
如何添加图片新闻帮助手册
havenchen
 
第1讲 开始编写程序
第1讲 开始编写程序第1讲 开始编写程序
第1讲 开始编写程序ruandao
 
翔宇使用
翔宇使用翔宇使用
翔宇使用
freeandwind
 
第12章
第12章第12章
第12章paoapao
 
沈阳师范大学课程实践 Android开发应用
沈阳师范大学课程实践 Android开发应用沈阳师范大学课程实践 Android开发应用
沈阳师范大学课程实践 Android开发应用
ArBing Xie
 
沈阳师范大学课程实践 Android开发应用
沈阳师范大学课程实践 Android开发应用沈阳师范大学课程实践 Android开发应用
沈阳师范大学课程实践 Android开发应用
ArBing Xie
 
沈阳师范大学课程实践 Android开发应用
沈阳师范大学课程实践 Android开发应用沈阳师范大学课程实践 Android开发应用
沈阳师范大学课程实践 Android开发应用
ArBing Xie
 
Coimotion api
Coimotion apiCoimotion api
Coimotion api
翊嘉 陳
 
《网页设计与制作》第三章:插入网页基本元素
《网页设计与制作》第三章:插入网页基本元素《网页设计与制作》第三章:插入网页基本元素
《网页设计与制作》第三章:插入网页基本元素
greentask
 
Mobile App 高保真原型设计
Mobile App 高保真原型设计 Mobile App 高保真原型设计
Mobile App 高保真原型设计
hehewish
 
Biee管理员手册1.0
Biee管理员手册1.0Biee管理员手册1.0
Biee管理员手册1.0
syong09
 
twMVC#23 | 快速上手 Azure Functions
twMVC#23 | 快速上手 Azure FunctionstwMVC#23 | 快速上手 Azure Functions
twMVC#23 | 快速上手 Azure Functions
twMVC
 
Android Wear SDK: Level 101
Android Wear SDK: Level 101Android Wear SDK: Level 101
Android Wear SDK: Level 101
Jollen Chen
 
Bmi 計算--APP inventor
Bmi 計算--APP inventorBmi 計算--APP inventor
Bmi 計算--APP inventor
cfchen
 
3-5如何將數位之牆的[部落輪播]功能放入Google的部落格(HTML/JavaScript網頁元素)
3-5如何將數位之牆的[部落輪播]功能放入Google的部落格(HTML/JavaScript網頁元素)3-5如何將數位之牆的[部落輪播]功能放入Google的部落格(HTML/JavaScript網頁元素)
3-5如何將數位之牆的[部落輪播]功能放入Google的部落格(HTML/JavaScript網頁元素)
p_yang
 
Anroid development part.1
Anroid development part.1Anroid development part.1
Anroid development part.1
RANK LIU
 

Similar to App inventor2利用WebViewer與ActivityStarter連到外部網站 (20)

Flex20100906
Flex20100906Flex20100906
Flex20100906
 
只需要懂Jquery也能學react js
只需要懂Jquery也能學react js只需要懂Jquery也能學react js
只需要懂Jquery也能學react js
 
如何添加图片新闻帮助手册
如何添加图片新闻帮助手册如何添加图片新闻帮助手册
如何添加图片新闻帮助手册
 
第1讲 开始编写程序
第1讲 开始编写程序第1讲 开始编写程序
第1讲 开始编写程序
 
翔宇使用
翔宇使用翔宇使用
翔宇使用
 
I os 01
I os 01I os 01
I os 01
 
第12章
第12章第12章
第12章
 
沈阳师范大学课程实践 Android开发应用
沈阳师范大学课程实践 Android开发应用沈阳师范大学课程实践 Android开发应用
沈阳师范大学课程实践 Android开发应用
 
沈阳师范大学课程实践 Android开发应用
沈阳师范大学课程实践 Android开发应用沈阳师范大学课程实践 Android开发应用
沈阳师范大学课程实践 Android开发应用
 
沈阳师范大学课程实践 Android开发应用
沈阳师范大学课程实践 Android开发应用沈阳师范大学课程实践 Android开发应用
沈阳师范大学课程实践 Android开发应用
 
Coimotion api
Coimotion apiCoimotion api
Coimotion api
 
《网页设计与制作》第三章:插入网页基本元素
《网页设计与制作》第三章:插入网页基本元素《网页设计与制作》第三章:插入网页基本元素
《网页设计与制作》第三章:插入网页基本元素
 
Mobile App 高保真原型设计
Mobile App 高保真原型设计 Mobile App 高保真原型设计
Mobile App 高保真原型设计
 
Biee管理员手册1.0
Biee管理员手册1.0Biee管理员手册1.0
Biee管理员手册1.0
 
twMVC#23 | 快速上手 Azure Functions
twMVC#23 | 快速上手 Azure FunctionstwMVC#23 | 快速上手 Azure Functions
twMVC#23 | 快速上手 Azure Functions
 
Android design4.0
Android design4.0Android design4.0
Android design4.0
 
Android Wear SDK: Level 101
Android Wear SDK: Level 101Android Wear SDK: Level 101
Android Wear SDK: Level 101
 
Bmi 計算--APP inventor
Bmi 計算--APP inventorBmi 計算--APP inventor
Bmi 計算--APP inventor
 
3-5如何將數位之牆的[部落輪播]功能放入Google的部落格(HTML/JavaScript網頁元素)
3-5如何將數位之牆的[部落輪播]功能放入Google的部落格(HTML/JavaScript網頁元素)3-5如何將數位之牆的[部落輪播]功能放入Google的部落格(HTML/JavaScript網頁元素)
3-5如何將數位之牆的[部落輪播]功能放入Google的部落格(HTML/JavaScript網頁元素)
 
Anroid development part.1
Anroid development part.1Anroid development part.1
Anroid development part.1
 

App inventor2利用WebViewer與ActivityStarter連到外部網站

  • 1. 範例:利用WebViewer與ActivityStarter連到外部網站 需求: 建立一個有一文字輸入欄位及兩個按鈕一為『open inside』,『open outside』的頁面。 文字輸入欄位可以輸入url。如果沒有輸入在按下按鈕時就會跳到聯合報首頁。 按下『open inside』會將網頁顯示在app裡面。按下『open outside』則會將網頁顯示在另外開 啟的瀏覽器中。 設計師元件佈置作業: 1.在頁面放入 WEBViewer 、TextBox、兩個Button元件及ActivityStarter元件。另外說明部分是 用Label元件做的 元件名稱 Properties屬性設定 WebViewer(WebViewer1) Width:fill parent TextBox(txt_url) Width:fill parent Button(btn_inside) Button(btn_outside) ActivityStarter1(ActivityStarter1) 一定要設 Action:android.intent.action.VIEW 示意圖如下:
  • 2. Blocks拼塊編輯作業: 1. 進入Blocks拼塊編輯作業裡點選左側Built in 裡Variables的設定一個全域變數(url)。設 定其為空值。 2. 設定按下『btn_inside』時的事件。 a. 點選左側Screen1­> btnRed­> 『When btn_inside.Click do』拖拉到Viewer中。 b. 設定有沒有輸入網址。點選左側Built in­> Control­> 『if then』將此拼塊拖拉到『 When btn_inside.Click do』中。並將中間的『=』改成『≠』。 c. if 的第一個缺口放入『txt.url.Text』(從txt_url物件中選擇的)。第二個缺口則是 填入空字串(從Text選擇的)。 d. then 旁的缺口則是要放入『set global url to 』(從Variables中選到的)。『set global url to 』旁的缺口放入『txt_url.Text』(從txt_url物件中選擇的)。 e. 加入一個『else』條件。『else』旁的缺口則是要放入『set global url to 』。『 set global url to 』旁的缺口放入”http://udn.com”字串(從Text選擇後填寫)。 f. 點選左側WebViewer1物件選擇『call WebViewer1.GoToUrl』放到剛剛設定的『 if then else』下方。 g. WebViewer1物件 url旁的缺口放入『get global url』(從Variables中選到的)。 這樣就完成按下『btn_inside』時的事件。 3. 設定按下『btn_outside』時的事件。 a. 點選左側Screen1­> btnRed­> 『When btn_outside.Click do』拖拉到Viewer中。 b. 設定有沒有輸入網址。點選左側Built in­> Control­> 『if then』將此拼塊拖拉到『 When btn_inside.Click do』中。並將中間的『=』改成『≠』。 c. if 的第一個缺口放入『txt.url.Text』(從txt_url物件中選擇的)。第二個缺口則是 填入空字串(從Text選擇的)。 d. then 旁的缺口則是要放入『set global url to 』(從Variables中選到的)。『set global url to 』旁的缺口放入『txt_url.Text』(從txt_url物件中選擇的)。 e. 加入一個『else』條件。『else』旁的缺口則是要放入『set global url to 』。『 set global url to 』旁的缺口放入”http://udn.com”字串(從Text選擇後填寫)。 f. 點選左側ActivityStarter1物件選擇『set ActivityStarter1.DataUrl to』, 放到剛剛 設定的『if then else』下方。 g. 『set ActivityStarter1.DataUrl to』旁的缺口請放入『get global url』(從 Variables中選到的)。 h. 再點選左側ActivityStarter1物件選擇『call ActivityStarter1.StartActivity』,放到 『set ActivityStarter1.DataUrl to』下方。這樣就完成了設定按下『btn_outside 』時的事件。
  • 4. Sample aia 檔案下載網址:http://goo.gl/R45FUS apk 下載網址:http://goo.gl/EwtPv1