android中scrollview的使用

最新推荐文章于 2025-09-10 16:19:28 发布

原创最新推荐文章于 2025-09-10 16:19:28 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#android #layout #encoding #button #手机 #公告

Android开发专栏收录该内容

3 篇文章

订阅专栏

本文介绍如何使用ScrollView组件实现Android应用中的滚动效果。通过具体的布局文件示例，展示了如何将ScrollView与其他视图组件结合使用，以创建具有滚动功能的用户界面。

这篇文章来讲一下scrollview的使用。

由于手机的屏幕不大，滚动的效果在手机上显得很实用。当然scollview可以根据自己的需要放置在屏幕的任意位置。

先上一张效果图：

下面贴上布局文件的代码:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
   android:layout_width="fill_parent"
   android:layout_height="fill_parent"
   android:background="@drawable/dtbg"
   android:orientation="vertical">
<RelativeLayout android:layout_width="fill_parent"  
android:layout_height="wrap_content">
<!--返回按钮-->
   <Button

   android:id="@+id/xw_backbutton"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:background="@drawable/dtfh"
   android:layout_alignParentTop="true"
   />
   <!--标题-->
   <TextView  

   android:id="@+id/xw_title"
   android:layout_width="fill_parent"
   android:layout_height="wrap_content"
   android:layout_toRightOf="@id/xw_backbutton"
   android:background="@drawable/dttt"
   android:text="新闻"
   android:gravity="center"
   android:textSize="25dp"
   android:layout_alignParentTop="true"
   />
</RelativeLayout>
<ScrollView android:layout_width="fill_parent"  
    android:layout_height="fill_parent"
   android:background="@drawable/dtbg"
    android:scrollbars="none" >
   
    <RelativeLayout  
        android:layout_width="fill_parent"  
        android:layout_height="fill_parent"
        android:background="@drawable/dtbg">
  
           <TextView
           android:id="@+id/xw_fake3"
           android:layout_width="fill_parent"
           android:layout_height="10dp"
           android:layout_below="@+id/xw_line1"
           /> 
           <!--校园动态-->
           <ImageView 
           android:id="@+id/xydt"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:background="@drawable/xydt"
           android:layout_centerHorizontal="true" 
           android:layout_below="@+id/xw_fake3"
           />
           <TextView
           android:id="@+id/xw_fake4"
           android:layout_width="fill_parent"
           android:layout_height="10dp"
           android:layout_below="@+id/xydt"
           /> 
           <ImageView 
            android:id="@+id/xw_line2"
            android:layout_width="300dp"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:layout_below="@+id/xw_fake4"
            android:background="@drawable/hx"
            />
           <TextView
           android:id="@+id/xw_fake5"
           android:layout_width="fill_parent"
           android:layout_height="10dp"
           android:layout_below="@+id/xw_line2"
           />
           <!--通知公告-->
           <ImageView 
           android:id="@+id/tzgg"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:background="@drawable/tzgg"
           android:layout_centerHorizontal="true" 
           android:layout_below="@+id/xw_fake5"
           />
           <TextView
           android:id="@+id/xw_fake6"
           android:layout_width="fill_parent"
           android:layout_height="10dp"
           android:layout_below="@+id/tzgg"
           /> 
           <ImageView 
            android:id="@+id/xw_line3"
            android:layout_width="300dp"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:layout_below="@+id/xw_fake6"
            android:background="@drawable/hx"
            />
           <TextView
           android:id="@+id/xw_fake7"
           android:layout_width="fill_parent"
           android:layout_height="10dp"
           android:layout_below="@+id/xw_line3"
           />
           <!--论坛讲座-->
           <ImageView 
           android:id="@+id/ltjz"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:background="@drawable/ltjz"
           android:layout_centerHorizontal="true" 
           android:layout_below="@+id/xw_fake7"
           />
           <TextView
           android:id="@+id/xw_fake8"
           android:layout_width="fill_parent"
           android:layout_height="10dp"
           android:layout_below="@+id/ltjz"
           /> 
           <ImageView 
            android:id="@+id/xw_line4"
            android:layout_width="300dp"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:layout_below="@+id/xw_fake8"
            android:background="@drawable/hx"
            />
           <TextView
           android:id="@+id/xw_fake9"
           android:layout_width="fill_parent"
           android:layout_height="10dp"
           android:layout_below="@+id/xw_line4"
           />
           
   
 
   </RelativeLayout>
</ScrollView>
</LinearLayout>

其中 android:scrollbars="none"为取消滚动条。
上面的代码是我自己做的东西简单的来说结构应该是这样的:

<LinearLayout>
    <RelativeLayout>
       </RelativeLayout>
     <ScrollView>
         <RelativeLayout>
            </RelativeLayout>
     </ScrollView>
</LinearLayout>

上面代码中的RelativeLayout可以根据自己的需要写成其他的组件。