如何在Android應用程序中滾動屏幕？

-1

我設計的這個界面在Android中我的應用程序（web_guide）如何在Android應用程序中滾動屏幕？

，我想滾動屏幕來添加新的圖像按鈕，以便用戶滾動屏幕來尋找新的項目

我試圖用「滾動視圖」，但我不知道如何使用它

請人幫助我

這裏是我當前的XML文件

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 

xmlns:tools="http://schemas.android.com/tools" 
android:layout_width="match_parent" 
android:layout_height="match_parent" 
android:paddingLeft="@dimen/activity_horizontal_margin" 
android:paddingRight="@dimen/activity_horizontal_margin" 
android:paddingTop="@dimen/activity_vertical_margin" 
android:paddingBottom="@dimen/activity_vertical_margin" 
tools:context=".Web_guide" 
android:id="@+id/layout" 
android:background="@android:color/background_dark"> 


<ImageButton 
    android:layout_width="70dp" 
    android:layout_height="70dp" 
    android:id="@+id/google" 
    android:layout_alignParentTop="true" 
    android:layout_alignParentLeft="true" 
    android:background="@drawable/google_icon" /> 

<ImageButton 
    android:layout_width="70dp" 
    android:layout_height="70dp" 
    android:id="@+id/twitter" 
    android:layout_alignParentTop="true" 
    android:layout_centerHorizontal="true" 
    android:background="@drawable/twitter_icon" /> 

<ImageButton 
    android:layout_width="70dp" 
    android:layout_height="70dp" 
    android:id="@+id/facebook" 
    android:layout_alignParentTop="true" 
    android:layout_alignParentRight="true" 
    android:background="@drawable/facebook_icon" /> 

<ImageButton 
    android:layout_width="70dp" 
    android:layout_height="70dp" 
    android:id="@+id/youtube" 
    android:background="@drawable/youtube" 
    android:layout_below="@+id/google" 
    android:layout_alignParentLeft="true" 
    android:layout_marginTop="56dp" /> 

<ImageButton 
    android:layout_width="70dp" 
    android:layout_height="70dp" 
    android:id="@+id/instagram" 
    android:background="@drawable/insta" 
    android:layout_alignTop="@+id/youtube" 
    android:layout_centerHorizontal="true" /> 

<ImageButton 
    android:layout_width="70dp" 
    android:layout_height="70dp" 
    android:id="@+id/soundcloud" 
    android:layout_alignTop="@+id/instagram" 
    android:layout_alignParentRight="true" 
    android:background="@drawable/iii" /> 

<ImageButton 
    android:layout_width="70dp" 
    android:layout_height="70dp" 
    android:id="@+id/tumbler" 
    android:layout_below="@+id/youtube" 
    android:layout_alignParentLeft="true" 
    android:layout_marginTop="61dp" 
    android:background="@drawable/img_logo_bluebg_2x" /> 

<ImageButton 
    android:layout_width="70dp" 
    android:layout_height="70dp" 
    android:id="@+id/linked_in" 
    android:layout_alignTop="@+id/tumbler" 
    android:layout_centerHorizontal="true" 
    android:background="@drawable/linkedin_icon" /> 

<ImageButton 
    android:layout_width="70dp" 
    android:layout_height="70dp" 
    android:id="@+id/google_plus" 
    android:layout_alignTop="@+id/linked_in" 
    android:layout_alignLeft="@+id/soundcloud" 
    android:background="@drawable/google_plus_icon" /> 

<ImageButton 
    android:layout_width="70dp" 
    android:layout_height="70dp" 
    android:id="@+id/pinterest" 
    android:layout_alignParentBottom="true" 
    android:layout_alignParentLeft="true" 
    android:background="@drawable/pinterest_alt" /> 

<ImageButton 
    android:layout_width="70dp" 
    android:layout_height="70dp" 
    android:id="@+id/flicker" 
    android:layout_alignParentBottom="true" 
    android:layout_alignLeft="@+id/linked_in" 
    android:background="@drawable/flicker" /> 

<ImageButton 
    android:layout_width="70dp" 
    android:layout_height="70dp" 
    android:id="@+id/vine" 
    android:layout_alignParentBottom="true" 
    android:layout_alignParentRight="true" 
    android:background="@drawable/vine" />

來源

2014-09-19 Mohamed MosȜd

'我試圖用「滾動視圖」，但我不知道如何使用it' - 你可以發佈你試過嗎？因爲這是一個選項。還有其他一些，但它們實現起來要複雜一點，如果你無法弄清楚ScrollView，那麼這些會讓你頭疼。 – zgc7009 2014-09-19 15:24:09

<ScrollView 
xmlns:android="http://schemas.android.com/apk/res/android" 
xmlns:tools="http://schemas.android.com/tools" 
android:layout_width="match_parent" 
android:layout_height="match_parent" 
android:fillViewport="true"> 

<RelativeLayout 
android:layout_width="match_parent" 
android:layout_height="match_parent" 
android:paddingLeft="@dimen/activity_horizontal_margin" 
android:paddingRight="@dimen/activity_horizontal_margin" 
android:paddingTop="@dimen/activity_vertical_margin" 
android:paddingBottom="@dimen/activity_vertical_margin" 
tools:context=".Web_guide" 
android:id="@+id/layout" 
android:background="@android:color/background_dark"> 


<ImageButton 
    android:layout_width="70dp" 
    android:layout_height="70dp" 
    android:id="@+id/google" 
    android:layout_alignParentTop="true" 
    android:layout_alignParentLeft="true" 
    android:background="@android:drawable/btn_star" /> 

<ImageButton 
    android:layout_width="70dp" 
    android:layout_height="70dp" 
    android:id="@+id/twitter" 
    android:layout_alignParentTop="true" 
    android:layout_centerHorizontal="true" 
    android:background="@android:drawable/btn_star" /> 

<ImageButton 
    android:layout_width="70dp" 
    android:layout_height="70dp" 
    android:id="@+id/facebook" 
    android:layout_alignParentTop="true" 
    android:layout_alignParentRight="true" 
    android:background="@android:drawable/btn_star" /> 

<ImageButton 
    android:layout_width="70dp" 
    android:layout_height="70dp" 
    android:id="@+id/youtube" 
    android:background="@android:drawable/btn_star" 
    android:layout_below="@+id/google" 
    android:layout_alignParentLeft="true" 
    android:layout_marginTop="56dp" /> 

<ImageButton 
    android:layout_width="70dp" 
    android:layout_height="70dp" 
    android:id="@+id/instagram" 
    android:background="@android:drawable/btn_star" 
    android:layout_alignTop="@+id/youtube" 
    android:layout_centerHorizontal="true" /> 

<ImageButton 
    android:layout_width="70dp" 
    android:layout_height="70dp" 
    android:id="@+id/soundcloud" 
    android:layout_alignTop="@+id/instagram" 
    android:layout_alignParentRight="true" 
    android:background="@android:drawable/btn_star" /> 

<ImageButton 
    android:layout_width="70dp" 
    android:layout_height="70dp" 
    android:id="@+id/tumbler" 
    android:layout_below="@+id/youtube" 
    android:layout_alignParentLeft="true" 
    android:layout_marginTop="61dp" 
    android:background="@android:drawable/btn_star" /> 

<ImageButton 
    android:layout_width="70dp" 
    android:layout_height="70dp" 
    android:id="@+id/linked_in" 
    android:layout_alignTop="@+id/tumbler" 
    android:layout_centerHorizontal="true" 
    android:background="@android:drawable/btn_star" /> 

<ImageButton 
    android:layout_width="70dp" 
    android:layout_height="70dp" 
    android:id="@+id/google_plus" 
    android:layout_alignTop="@+id/linked_in" 
    android:layout_alignLeft="@+id/soundcloud" 
    android:background="@android:drawable/btn_star" /> 

<ImageButton 
    android:layout_width="70dp" 
    android:layout_height="70dp" 
    android:id="@+id/pinterest" 
    android:layout_alignParentBottom="true" 
    android:layout_alignParentLeft="true" 
    android:background="@android:drawable/btn_star" /> 

<ImageButton 
    android:layout_width="70dp" 
    android:layout_height="70dp" 
    android:id="@+id/flicker" 
    android:layout_alignParentBottom="true" 
    android:layout_alignLeft="@+id/linked_in" 
    android:background="@android:drawable/btn_star" /> 

<ImageButton 
    android:layout_width="70dp" 
    android:layout_height="70dp" 
    android:id="@+id/vine" 
    android:layout_alignParentBottom="true" 
    android:layout_alignParentRight="true" 
    android:background="@android:drawable/btn_star" /> 
</RelativeLayout>

我這個輸出是
Output image

來源

2014-09-19 15:28:16 Panther

我也試過你的建議，但我得到了這個奇怪的佈局（http://imgur.com/hzvV0Ec）和屏幕不滾動當我運行模擬器 – 2014-09-19 23:31:45

把所有的按鈕到LinearLayout中（我假設你已經做）的。然後將該LinearLayout放置在ScrollView中。佈局的佈局參數應爲：

<ScrollView android:layout_height="fill_parent" android:layout_width="fill_parent" ... > 
<LinearLayout android:layout_height="wrap_content" android:layout_width="fill_parent" ... > 
Button 1 
Button 2... 
</LinearLayout> 
</ScrollView>

這應該有所斬斷。

來源

2014-09-19 15:30:24 rpm

我試過你的意見，但我得到了這個奇怪的佈局（http：// imgur.com/hzvV0Ec），當我運行模擬器時，屏幕不會滾動 – 2014-09-19 23:35:55

您可以發佈新的佈局文件嗎？ – rpm 2014-09-22 14:44:43

有你的教程如何使用ScrollView

來源

2014-09-19 15:30:34 Kiloreux

如何在Android應用程序中滾動屏幕？

回答

相關問題