[教學] 手機APP開發入門--11. 畫面捲動 - 討論區

[教學] 手機APP開發入門--11. 畫面捲動

文章瀏覽次數 1330 文章回覆數 5

coscell

coscell圖像(預設)

2019-12-26 09:35:59

From:123.193.249.19

前面我們學過由於手機螢幕太小,一行文字如果太長可以用 textWrap="true" 讓它自動換行。
那如果您的豐功偉績太多,上面的『關於我』洋洋灑灑超過螢幕可以容納的行數該怎麼辦呢?
您可能習慣性的要用兩只往上推好讀到後面的內容,但是抱歉不能,
除非您有加上 ScrollView 這個標籤,像這樣:

<Page>
  <ScrollView>
    <StackLayout>
      // 您的一堆豐功偉業
    </StackLayout>
  </ScrollView>
</Page>

這樣作會讓整個畫面都能上下捲動,不過有時候我們可能只想讓部份內容可以捲動,
例如一篇文章的標題要固定在畫面上方,只有文章內容可以捲動。
這要怎麼作呢?

請展現舉一反三的能力,勇於實驗的精神自己作看看。
實在做佈出來就在下面留言,我在公佈答案。

留言

#1

特種兵

特種兵圖像(預設)

2019-12-26 14:18:27

From:211.23.21.202

我想到的是,把標題標籤放在 scrollview 外面,例如 label
反正標題只有一行,可能也不用加 stacklayout
內容需要捲動,就放到 scrollview 的 stacklayout 裡
只是一直打 label 似乎有點累人

#2

coscell

coscell圖像(預設)

2019-12-26 14:36:02

From:123.193.249.19

實做看看在告訴我們結果

#3

特種兵

特種兵圖像(預設)

2019-12-26 22:20:47

From:1.161.140.136

試了很多種標籤跟方法都沒有成功
包括 google xml 的一些教學
狀況是只要在 scrollview 外面寫的東西都不會顯示出來

#4

coscell

coscell圖像(預設)

2019-12-27 10:23:43

From:123.193.249.19

<Page>
  <StackLayout>
    <Label text="固定內容"/>
    <ScrollView>
      <StackLayout>
        <Label text="可捲動內容"/>
      </StackLayout>
    </ScrollView>
  </StackLayout>
</Page>

不過把固定內容搬到最下面就會出不來,還要研究。

#5

特種兵

特種兵圖像(預設)

2019-12-27 11:32:24

From:211.23.21.202

請問為什麼一定要放 stacklayout
我改成 actionbar 或是 其他 layout 也都不行,像是 linearlayout
另外,有些 xml 的標籤在這裡似乎不能使用。