iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 10
0
自我挑戰組

向Android APP開發說Hello系列 第 10

Day 10. 便當訂購介面與CheckBox (Part. 1)

  • 分享至 

  • xImage
  •  

在Day 9的介紹中,我們已經建立了一個計數器,能夠簡單的增加與減少數量,並乘以一價格。
現在我們的目標是將它設計得更複雜些,例如:
https://ithelp.ithome.com.tw/upload/images/20181025/20107569F8BTOUL06a.jpg

需要增加的ChildView與功能

1. 一個CheckBox

CheckBox基本上繼承了button類別,但是只有兩種狀態(勾選與未勾選)。
其XML形式如下(參考 developer guide):

<CheckBox
    android:layout_height="wrap_content"
    android:layout_width="wrap_content"
    android:text="要顯示的文字" />

而其Java中的對應動作範例中,可以看出CheckBox是用一個isChecked()方法來確認其狀態,而return的值是個boolean值。

public void onCheckboxClicked(View view) {
    // Is the view now checked?
    boolean checked = ((CheckBox) view).isChecked();

    // Check which checkbox was clicked
    switch(view.getId()) {
        case R.id.checkbox_meat:
            if (checked)
                // Put some meat on the sandwich
            else
                // Remove the meat
            break;
        case R.id.checkbox_cheese:
            if (checked)
                // Cheese me
            else
                // I'm lactose intolerant
            break;
        // TODO: Veggie sandwich
    }
}

2. 一個TextView

用來彙整訂單資訊,我們希望這個區塊能夠列出一份訂單總結,包括:

  • 顧客名稱
  • 是否加購塑膠袋?
  • 數量
  • 總金額
  • 謝謝惠顧
    這部分預計在Java中動態產生。

下一篇我們將來實作其介面和動作,其中使用CheckBox的方式將會和developer guide有些許不同。


上一篇
Day 9. 第三種ViewGroup
下一篇
Day 11. 便當訂購介面與CheckBox (Part. 2)
系列文
向Android APP開發說Hello30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言