如何在Android应用程序中滚动屏幕？

问题描述：

我设计的这个界面在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" />

'我试图用“滚动视图”，但我不知道如何使用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

我也试过你的建议，但我得到了这个奇怪的布局（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>

这应该有所斩断。

我试过你的意见，但我得到了这个奇怪的布局（http：// imgur.com/hzvV0Ec），当我运行模拟器时，屏幕不会滚动 – 2014-09-19 23:35:55

您可以发布新的布局文件吗？ – rpm 2014-09-22 14:44:43

答

有你的教程如何使用ScrollView

如何在Android应用程序中滚动屏幕？

相关推荐