Question

我在Android中为我的应用程序设计了这个GUI（web_guide）

我想滚动屏幕添加新图像按钮，以便用户滚动屏幕以查找新项目

我尝试使用“滚动视图”，但我不知道如何使用它

请有人帮助我

这是我当前的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" />

Answer 1

<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

Answer 2

将所有按钮放入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>

这应该可以解决问题。

Answer 3

有一个教程，介绍如何使用ScrollView

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

3 个答案: