2020軟體工程作業03

這個作業屬於哪個課程

這個作業要求在**

/homework/11354

這個作業的目標

其他參考文獻

無碼雲位址

採用的原型開發工具：墨刀

登入頁面通常有名為登入的標題，由賬戶、密碼、輸入框、登入和註冊按鈕、忘記密碼構成，可加入其他的登入方式。製作流程是先做頂部底部，然後進行中間部分創作。

效果圖：

要實現的滾動，橫向滾動或縱向滾動。製作輪播效果，收集素材放入輪播圖中。

效果圖：

底部導航欄功能是通過點選導航項圖示來顯示不同的頁面資訊，分為以下三個頁面，分別是：

①發現頁面

效果圖：

②「我的」頁面

效果圖：

③管控頁面

與發現頁面的頂部底部基本一致，中間部分主要的是「登入/註冊」按鈕，點選可以跳轉到登入頁面。製作流程：頂部-底部-中間部分。

效果圖：

1. 登入功能：

2. 輪播圖功能：

一開始我以為輪播圖功能會太好做，但墨刀這個工具有這個功能，實現起來就很容易了，也是使用內建元件，如下圖所示：

將輪播圖拖入頁面，在右側可以設定要輪播的和個數，如下圖所示：

3. 發現頁面：

4. 「我的」頁面：

5. 管控頁面：

管控頁面底部是將發現和「我的」圖示鏈結到對應頁面，管控圖示是橙色的。頂部和發現頁面頂部一樣，只是修改了文字，多新增了乙個圖示。中間部分主要的是「登入/註冊」按鈕，點選可以跳轉到登入頁面。

1. 測試時發現無論是從管控頁面還是「我的」頁面進入登入頁面，點選「取消」都會自動跳轉回「我的」頁面，而要實現的是點選「取消」跳轉回上乙個頁面。

2. 底部有問題，中間內容和底部重合了，如下圖所示：

解決方法：給底部加個底框，即矩形元件，如下圖所示：

3. 點選底部導航欄某個圖示的時候切換到對應頁面但是圖示不變色

4. 往下拖發現紅框內的部分並不和背景顏色乙個顏色，如下圖所示：

解決方法：

進行測試，測試1 如果想讓背景拖動時沒有白色部分，是否可以設定固定位置，讓某部分相對固定，設定如下：

測試效果：

說明不是內容固定不固定的問題，試試固定背景框！固定方法：選擇背景框，選擇相對頂部固定，相對底部應該也可以。

測試效果：

前期的試錯使我記憶更深刻，有助於我學習這款工具，也能稍微的提高耐心吧。

2020軟體工程作業03

這個作業屬於哪個課程 這個作業要求在 homework 10494 這個作業的目標 實現乙個命令列程式sudoku 作業正文 如下其他參考文獻 2.psp psp2.1 personal software process stages 預估耗時 分鐘 實際耗時 分鐘 planning 計畫60 60...

2020軟體工程作業03

這個作業屬於哪個課程 這個作業要求在 homework 11354 這個作業的目標 畫出阿里雲的原型圖 其他參考文獻 碼雲位址 本次作業採用的原型工具 墨刀 登入頁面實現過程主要採用了乙個圖示導航欄 兩個單行輸入框實現賬號與密碼的輸入 乙個登入按鈕乙個註冊 按鈕實現登入 使用者也可以點選 或支付寶兩...

2020軟體工程作業03

軟體需求分析與系統設計 作業要求 homework 11354 作業目標 碼雲位址 學號20189667 使用工具 原型效果圖 點選 管控 頁面登陸註冊按鈕可跳轉到 登陸 頁面 在 登陸 頁面中輸入賬號密碼點選登陸 可跳轉到 我的 頁面 在 我的 頁面中點選下方發現可 跳轉到 雲產品 頁面 設計截圖...