小學信息技術 課件教案 6年級下冊 課時12_第二單元_羊城新八景——界面布局與屏幕切換-課件

《小學信息技術 課件教案 6年級下冊 課時12_第二單元_羊城新八景——界面布局與屏幕切換-課件》由會員分享，可在線閱讀，更多相關《小學信息技術 課件教案 6年級下冊 課時12_第二單元_羊城新八景——界面布局與屏幕切換-課件（45頁珍藏版）》請在裝配圖網(wǎng)上搜索。

1、六年級廣州版信息技術第二單元廣州市越秀區(qū)署前路小學 嚴佩宜第第1313課課 羊城新八景羊城新八景界面布局與屏幕切換界面布局與屏幕切換學習的主要內容1.增加屏幕2.“標簽”組件的使用3.界面布局的使用4.屏幕的切換“羊城新八景”應用程序 點擊首頁的景點按鈕，就能切換到相應的景點介紹頁面。點擊返回按鈕又能回到首頁。思考：思考：“羊城新八景羊城新八景”程序有什么功能？實現(xiàn)這些功能程序有什么功能？實現(xiàn)這些功能需要解決哪些問題？需要解決哪些問題？任務分析任務分析任務一：新建項目、增加屏幕任務一：新建項目、增加屏幕任務一：新建項目、增加屏幕注意：屏幕名稱只能字母、數(shù)字和下劃線，且一定要字母開頭。屏幕名稱一

2、旦命名確定后就不能修改了。我們接下來無論是組件還是邏輯設計時都要注意當前是在哪個屏幕。標題文字標題文字各個景點的各個景點的圖片按鈕圖片按鈕木棉仔的圖片木棉仔的圖片任務二：對每個屏幕進行組件設計（1 1）Screen1Screen1的組件設計的組件設計標題文字標題文字任務二：對每個屏幕進行組件設計（1 1）Screen1Screen1的組件設計的組件設計：顯示文字 任務二：對每個屏幕進行組件設計（1 1）Screen1Screen1的組件設計的組件設計任務二：對每個屏幕進行組件設計（1 1）Screen1Screen1的組件設計的組件設計如何使兩個組件并排？如何使兩個組件并排？任務二：對每個屏幕

3、進行組件設計（1 1）Screen1Screen1的組件設計的組件設計如何使兩個組件并排？如何使兩個組件并排？任務二：對每個屏幕進行組件設計（1 1）Screen1Screen1的組件設計的組件設計如何使按鈕組件以表如何使按鈕組件以表格形式排列？格形式排列？任務二：對每個屏幕進行組件設計（1 1）Screen1Screen1的組件設計的組件設計如何使按鈕組件以表如何使按鈕組件以表格形式排列？格形式排列？任務二：對每個屏幕進行組件設計（1 1）Screen1Screen1的組件設計的組件設計任務二：對每個屏幕進行組件設計（1 1）Screen1Screen1的組件設計的組件設計請暫停播放，完成操

4、作后再繼續(xù)。任務二：對每個屏幕進行組件設計（1 1）Screen1Screen1的組件設計的組件設計布局組件布局組件布局組件屬性布局組件屬性請暫停播放，完成操作后再繼續(xù)。任務二：對每個屏幕進行組件設計（1 1）Screen1Screen1的組件設計的組件設計組件名稱組件名稱組件屬性組件屬性請暫停播放，完成操作后再繼續(xù)。任務二：對每個屏幕進行組件設計（1 1）Screen1Screen1的組件設計的組件設計第一，表格里的是按鈕不是圖片。任務二：對每個屏幕進行組件設計（1 1）Screen1Screen1的組件設計的組件設計第二，注意按鈕組件定位在哪個單元格注意按鈕組件定位在哪個單元格任務二：對每

5、個屏幕進行組件設計（1 1）Screen1Screen1的組件設計的組件設計組件名稱組件名稱組件屬性組件屬性圖像：1gslf.png圖像：2yxfh.png圖像：3ysdc.png圖像：4sdwc.png圖像：5kcjx.png圖像：6tyxc.png圖像：lwsj.png圖像：zgls.png請暫停播放，完成操作后再繼續(xù)。小知識：水平布局、垂直布局和表格布局可互相嵌套，水平布局、垂直布局和表格布局可互相嵌套，組合多種布局效果。組合多種布局效果。小知識：水平布局、垂直布局和表格布局可互相嵌套，水平布局、垂直布局和表格布局可互相嵌套，組合多種布局效果。組合多種布局效果。任務二：對每個屏幕進行組件

6、設計（2 2）任務二：對每個屏幕進行組件設計（2 2）請暫停播放，完成操作后再繼續(xù)。屏幕屏幕位置位置內容內容組件組件功能功能Screen1第一部分圖片、標題文字水平布局+圖像、標簽圖文并茂的標題第二部分八張圖片表格布局+8個按鈕以表格方式排列8個圖片按鈕Screen2第一行標題文字水平布局+標簽居中顯示標題文字第二行圖片水平布局+圖像居中顯示景點圖片第三行簡介水平布局+標簽居中顯示簡介文字第四行返回水平布局+按鈕右邊顯示返回按鈕任務三：完成首頁與景點頁面切換的邏輯設計完成首頁與景點頁面切換的邏輯設計當當 被點擊，被點擊，屏幕屏幕 。古祠流芳按鈕古祠流芳按鈕跳轉到跳轉到Screen2Screen

7、2當當 被點擊，被點擊，屏幕屏幕 。返回按鈕返回按鈕跳轉回跳轉回Screen1Screen1任務三：完成首頁與景點頁面切換的邏輯設計完成首頁與景點頁面切換的邏輯設計當按鈕被當按鈕被點擊點擊屏幕跳轉屏幕跳轉到另一屏到另一屏幕幕任務三：完成首頁與景點頁面切換的邏輯設計完成首頁與景點頁面切換的邏輯設計當按鈕被當按鈕被點擊點擊屏幕跳轉屏幕跳轉到另一屏到另一屏幕幕注意：注意：1.1.確定確定屏幕名稱屏幕名稱輸入正確。輸入正確。任務三：完成首頁與景點頁面切換的邏輯設計完成首頁與景點頁面切換的邏輯設計注意：注意：1.1.確定確定屏幕名稱屏幕名稱輸入正確。輸入正確。2.2.要確認當前是在哪個屏幕要確認當前是在

8、哪個屏幕。任務三：完成首頁與景點頁面切換的邏輯設計完成首頁與景點頁面切換的邏輯設計請暫停播放，完成操作后再繼續(xù)。繼續(xù)增加七個景點對應的屏幕，參考Screen2設計組件、編寫程序，并進行測試。實現(xiàn)點擊Screen1中任一景點就能切換到該景點的效果。任務四：完成完成“羊城新八景羊城新八景”項目項目首頁首頁Screen1Screen1Screen2Screen3Screen4Screen5Screen6Screen7Screen8Screen9請暫停播放，完成操作后再繼續(xù)。拓展任務：“羊城新八景”的開發(fā)設計1、新建項目2、增加屏幕3、組件設計Screen1水平布局圖片、標簽表格布局按鈕Screen2

9、水平布局標簽、圖片、按鈕4、邏輯設計Screen1Screen25、連接調試總結總結功能功能問題問題解決方法解決方法1、有多個畫面如何增加多個畫面呢？增加屏幕2、首頁上圖文并茂如何在屏幕上顯示標題文字？3、首頁的景點圖片按鈕以田字格形式排列如何使圖片擺放得像表格一樣？4、點擊圖片按鈕跳轉不同的畫面如何實現(xiàn)切換不同的屏幕呢？邏輯設計控制屏幕的切換總結總結操作操作要注意的地方要注意的地方增加屏幕 屏幕名稱：字母開頭，字母+數(shù)字+下劃線組成，確定后不能改“界面布局”組件的使用 注意組件拖動到布局的位置 可以互相嵌套使用“打開另一屏幕 屏幕名稱”代碼塊切換屏幕 注意確認當前是哪個屏幕 屏幕名稱不能輸入錯誤再見