如何使用List视图制作全屏垂直滚动视图

时间:2012-07-27 08:51:38

标签: android listview

My screen image

我想在垂直滚动查看模式下创建此页面但是有一个列表视图,您可以在下面看到,我有来自Web服务的listview项目

主要问题:

我的屏幕正在滚动,但列表视图项目不可滚动我只能找到来自网络服务的第一个结果

我在xml中使用了fill_parent属性,listview项目在小窗口中显示。 任何人请告诉我如何创建这种类型的屏幕我已经在网上搜索这个但没有得到任何正确的想法..谢谢你

这是我的Xml文件

<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" >

    <RelativeLayout
        android:id="@+id/main"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/main_back_ground" >

        <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            android:paddingBottom="50dp" >

            <FrameLayout
                android:layout_width="fill_parent"
                android:layout_height="wrap_content" >

                <include
                    android:layout_width="fill_parent"
                    android:layout_height="wrap_content"
                    layout="@layout/header_mf" />

                <ImageButton
                    android:id="@+id/imageButton"
                    android:layout_width="60dp"
                    android:layout_height="30dp"
                    android:layout_gravity="right|center"
                    android:layout_marginRight="15dp"
                    android:background="@drawable/cg_report_btn" />

                <ImageView
                    android:id="@+id/imageView1"
                    android:layout_width="fill_parent"
                    android:layout_height="30dp"
                    android:layout_gravity="top"
                    android:layout_marginTop="50dp"
                    android:src="@drawable/header_yellow_line" />
            </FrameLayout>

            <FrameLayout
                android:layout_width="fill_parent"
                android:layout_height="wrap_content" >

                <ImageView
                    android:id="@+id/imageView1"
                    android:layout_width="fill_parent"
                    android:layout_height="30dp"
                    android:layout_gravity="top"
                    android:src="@drawable/header_yellow_line" />

                <LinearLayout
                    android:layout_width="fill_parent"
                    android:layout_height="55dp"
                    android:orientation="vertical" >

                    <TextView
                        android:id="@+id/backkground_img_title"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_marginLeft="10dp"
                        android:layout_marginTop="15dp"
                        android:gravity="center_vertical"
                        android:text="Violin Genius takes the highschool championships"
                        android:textAppearance="?android:attr/textAppearanceLarge"
                        android:textSize="12dp" />

                    <TextView
                        android:id="@+id/textView2"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_marginLeft="10dp"
                        android:gravity="center"
                        android:text="@string/gallery_assignment_name"
                        android:textSize="10dp" />
                </LinearLayout>
            </FrameLayout>

            <FrameLayout
                android:layout_width="fill_parent"
                android:layout_height="200dp" >

                <ImageView
                    android:id="@+id/imgViewGalleryBackgroundPic"
                    android:layout_width="fill_parent"
                    android:layout_height="200dp"
                    android:layout_gravity="center"
                    android:background="@drawable/u15_normal"
                    android:scaleType="fitXY" />

                <LinearLayout
                    android:layout_width="fill_parent"
                    android:layout_height="45dp"
                    android:layout_gravity="bottom"
                    android:background="@drawable/app_feed"
                    android:orientation="horizontal" >

                    <ImageView
                        android:id="@+id/imgViewDetailTumbNail"
                        android:layout_width="30dp"
                        android:layout_height="30dp"
                        android:layout_gravity="center"
                        android:layout_marginLeft="10dp"
                        android:background="@drawable/u17_normal_small" />

                    <LinearLayout
                        android:layout_width="fill_parent"
                        android:layout_height="wrap_content"
                        android:layout_gravity="center"
                        android:orientation="vertical" >

                        <LinearLayout
                            android:layout_width="fill_parent"
                            android:layout_height="wrap_content"
                            android:layout_marginBottom="5dp"
                            android:orientation="horizontal" >

                            <TextView
                                android:layout_width="wrap_content"
                                android:layout_height="wrap_content"
                                android:layout_marginLeft="10dp"
                                android:text="Vote  ."
                                android:textSize="12dp"
                                android:textStyle="bold" />

                            <TextView
                                android:layout_width="wrap_content"
                                android:layout_height="wrap_content"
                                android:layout_marginLeft="5dp"
                                android:text="Comment  ."
                                android:textSize="12dp"
                                android:textStyle="bold" />

                            <TextView
                                android:layout_width="wrap_content"
                                android:layout_height="wrap_content"
                                android:layout_marginLeft="5dp"
                                android:text="Share"
                                android:textSize="12dp"
                                android:textStyle="bold" />
                        </LinearLayout>

                        <LinearLayout
                            android:layout_width="fill_parent"
                            android:layout_height="wrap_content"
                            android:orientation="horizontal" >

                            <TextView
                                android:id="@+id/gallery_detail_person_name"
                                android:layout_width="wrap_content"
                                android:layout_height="wrap_content"
                                android:layout_marginLeft="5dp"
                                android:layout_marginRight="3dp"
                                android:text="@string/gallery_person_name"
                                android:textSize="8dp" />

                            <TextView
                                android:id="@+id/gallery_detail_views"
                                android:layout_width="wrap_content"
                                android:layout_height="wrap_content"
                                android:layout_gravity="center"
                                android:text="0"
                                android:textSize="8dp" />

                            <ImageView
                                android:id="@+id/imageButton"
                                android:layout_width="10dp"
                                android:layout_height="10dp"
                                android:layout_gravity="center"
                                android:layout_marginLeft="5dp"
                                android:background="@drawable/view_icon" />

                            <TextView
                                android:id="@+id/gallery_detail_comment"
                                android:layout_width="wrap_content"
                                android:layout_height="wrap_content"
                                android:layout_gravity="center"
                                android:layout_marginRight="3dp"
                                android:textSize="8dp" />

                            <ImageView
                                android:id="@+id/imageButton"
                                android:layout_width="10dp"
                                android:layout_height="10dp"
                                android:layout_gravity="center"
                                android:layout_marginLeft="5dp"
                                android:background="@drawable/comment_icon" />

                            <TextView
                                android:id="@+id/gallery_detail_favorite"
                                android:layout_width="wrap_content"
                                android:layout_height="wrap_content"
                                android:layout_gravity="center"
                                android:textSize="8dp" />

                            <ImageView
                                android:id="@+id/imageButton"
                                android:layout_width="10dp"
                                android:layout_height="10dp"
                                android:layout_gravity="center"
                                android:layout_marginLeft="5dp"
                                android:background="@drawable/heart_icon" />

                            <TextView
                                android:id="@+id/gallery_detail_distance"
                                android:layout_width="wrap_content"
                                android:layout_height="wrap_content"
                                android:layout_gravity="center"
                                android:textSize="8dp" />

                            <ImageButton
                                android:id="@+id/imageButton"
                                android:layout_width="10dp"
                                android:layout_height="10dp"
                                android:layout_gravity="center"
                                android:background="@drawable/pin" />
                        </LinearLayout>
                    </LinearLayout>
                </LinearLayout>

                <View
                    android:layout_width="fill_parent"
                    android:layout_height="1dp"
                    android:layout_marginTop="10dp"
                    android:background="@drawable/divider_line" />
            </FrameLayout>

            <RelativeLayout
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:orientation="vertical" >

                <ScrollView
                    android:layout_width="fill_parent"
                    android:layout_height="70dp"
                    android:fillViewport="true" >

                    <TextView
                        android:id="@+id/gallery_image_detail"
                        android:layout_width="fill_parent"
                        android:layout_height="70dp"
                        android:layout_marginLeft="10dp"
                        android:padding="5dp"
                        android:singleLine="false"
                        android:text="@string/gallery_assignment_detail"
                        android:textSize="8dp" >
                    </TextView>
                </ScrollView>
            </RelativeLayout>

            <LinearLayout
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="3dp"
                android:orientation="vertical" >

                <com.google.android.maps.MapView
                    android:id="@+id/mapViewGallery"
                    android:layout_width="fill_parent"
                    android:layout_height="70dp"
                    android:apiKey="0X_Jyk3FLOVfS4dJSGin89ME-m3u3QBwVFkXpvQ"
                    android:clickable="true"
                    android:enabled="true" >
                </com.google.android.maps.MapView>

                <LinearLayout
                    android:layout_width="fill_parent"
                    android:layout_height="wrap_content"
                    android:orientation="vertical" >

<!--                     <ListView -->
<!--                         android:id="@+id/listViewGalleryDetail" -->
<!--                         android:layout_width="fill_parent" -->
<!--                         android:layout_height="wrap_content" -->
<!--                         android:cacheColorHint="#00000000" -->
<!--                         android:padding="5dp" > -->
<!--                     </ListView> -->
                </LinearLayout>
            </LinearLayout>
        </LinearLayout>
    </RelativeLayout>


</ScrollView>

3 个答案:

答案 0 :(得分:2)

我使用 listview.addHeaderView(view); 解决了我的问题,使用了这个属性,我在列表视图的顶部添加了第二个视图,其工作方式就像魅力一样。

我们必须确保一件事,我们必须在调用listview的setAdapter()之前调用此方法。

答案 1 :(得分:1)

<?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:orientation="vertical" >

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="0dp"
        android:layout_weight="0.6"
        android:orientation="vertical" >

        <ScrollView
            android:layout_width="fill_parent"
            android:layout_height="fill_parent" >

            <RelativeLayout
                android:id="@+id/main"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:background="@drawable/main_back_ground" >

                <LinearLayout
                    android:layout_width="fill_parent"
                    android:layout_height="wrap_content"
                    android:orientation="vertical"
                    android:paddingBottom="50dp" >

                    <FrameLayout
                        android:layout_width="fill_parent"
                        android:layout_height="wrap_content" >

                        <include
                            android:layout_width="fill_parent"
                            android:layout_height="wrap_content"
                            layout="@layout/header_mf" />

                        <ImageButton
                            android:id="@+id/imageButton"
                            android:layout_width="60dp"
                            android:layout_height="30dp"
                            android:layout_gravity="right|center"
                            android:layout_marginRight="15dp"
                            android:background="@drawable/cg_report_btn" />

                        <ImageView
                            android:id="@+id/imageView1"
                            android:layout_width="fill_parent"
                            android:layout_height="30dp"
                            android:layout_gravity="top"
                            android:layout_marginTop="50dp"
                            android:src="@drawable/header_yellow_line" />
                    </FrameLayout>

                    <FrameLayout
                        android:layout_width="fill_parent"
                        android:layout_height="wrap_content" >

                        <ImageView
                            android:id="@+id/imageView1"
                            android:layout_width="fill_parent"
                            android:layout_height="30dp"
                            android:layout_gravity="top"
                            android:src="@drawable/header_yellow_line" />

                        <LinearLayout
                            android:layout_width="fill_parent"
                            android:layout_height="55dp"
                            android:orientation="vertical" >

                            <TextView
                                android:id="@+id/backkground_img_title"
                                android:layout_width="wrap_content"
                                android:layout_height="wrap_content"
                                android:layout_marginLeft="10dp"
                                android:layout_marginTop="15dp"
                                android:gravity="center_vertical"
                                android:text="Violin Genius takes the highschool championships"
                                android:textAppearance="?android:attr/textAppearanceLarge"
                                android:textSize="12dp" />

                            <TextView
                                android:id="@+id/textView2"
                                android:layout_width="wrap_content"
                                android:layout_height="wrap_content"
                                android:layout_marginLeft="10dp"
                                android:gravity="center"
                                android:text="@string/gallery_assignment_name"
                                android:textSize="10dp" />
                        </LinearLayout>
                    </FrameLayout>

                    <FrameLayout
                        android:layout_width="fill_parent"
                        android:layout_height="200dp" >

                        <ImageView
                            android:id="@+id/imgViewGalleryBackgroundPic"
                            android:layout_width="fill_parent"
                            android:layout_height="200dp"
                            android:layout_gravity="center"
                            android:background="@drawable/u15_normal"
                            android:scaleType="fitXY" />

                        <LinearLayout
                            android:layout_width="fill_parent"
                            android:layout_height="45dp"
                            android:layout_gravity="bottom"
                            android:background="@drawable/app_feed"
                            android:orientation="horizontal" >

                            <ImageView
                                android:id="@+id/imgViewDetailTumbNail"
                                android:layout_width="30dp"
                                android:layout_height="30dp"
                                android:layout_gravity="center"
                                android:layout_marginLeft="10dp"
                                android:background="@drawable/u17_normal_small" />

                            <LinearLayout
                                android:layout_width="fill_parent"
                                android:layout_height="wrap_content"
                                android:layout_gravity="center"
                                android:orientation="vertical" >

                                <LinearLayout
                                    android:layout_width="fill_parent"
                                    android:layout_height="wrap_content"
                                    android:layout_marginBottom="5dp"
                                    android:orientation="horizontal" >

                                    <TextView
                                        android:layout_width="wrap_content"
                                        android:layout_height="wrap_content"
                                        android:layout_marginLeft="10dp"
                                        android:text="Vote  ."
                                        android:textSize="12dp"
                                        android:textStyle="bold" />

                                    <TextView
                                        android:layout_width="wrap_content"
                                        android:layout_height="wrap_content"
                                        android:layout_marginLeft="5dp"
                                        android:text="Comment  ."
                                        android:textSize="12dp"
                                        android:textStyle="bold" />

                                    <TextView
                                        android:layout_width="wrap_content"
                                        android:layout_height="wrap_content"
                                        android:layout_marginLeft="5dp"
                                        android:text="Share"
                                        android:textSize="12dp"
                                        android:textStyle="bold" />
                                </LinearLayout>

                                <LinearLayout
                                    android:layout_width="fill_parent"
                                    android:layout_height="wrap_content"
                                    android:orientation="horizontal" >

                                    <TextView
                                        android:id="@+id/gallery_detail_person_name"
                                        android:layout_width="wrap_content"
                                        android:layout_height="wrap_content"
                                        android:layout_marginLeft="5dp"
                                        android:layout_marginRight="3dp"
                                        android:text="@string/gallery_person_name"
                                        android:textSize="8dp" />

                                    <TextView
                                        android:id="@+id/gallery_detail_views"
                                        android:layout_width="wrap_content"
                                        android:layout_height="wrap_content"
                                        android:layout_gravity="center"
                                        android:text="0"
                                        android:textSize="8dp" />

                                    <ImageView
                                        android:id="@+id/imageButton"
                                        android:layout_width="10dp"
                                        android:layout_height="10dp"
                                        android:layout_gravity="center"
                                        android:layout_marginLeft="5dp"
                                        android:background="@drawable/view_icon" />

                                    <TextView
                                        android:id="@+id/gallery_detail_comment"
                                        android:layout_width="wrap_content"
                                        android:layout_height="wrap_content"
                                        android:layout_gravity="center"
                                        android:layout_marginRight="3dp"
                                        android:textSize="8dp" />

                                    <ImageView
                                        android:id="@+id/imageButton"
                                        android:layout_width="10dp"
                                        android:layout_height="10dp"
                                        android:layout_gravity="center"
                                        android:layout_marginLeft="5dp"
                                        android:background="@drawable/comment_icon" />

                                    <TextView
                                        android:id="@+id/gallery_detail_favorite"
                                        android:layout_width="wrap_content"
                                        android:layout_height="wrap_content"
                                        android:layout_gravity="center"
                                        android:textSize="8dp" />

                                    <ImageView
                                        android:id="@+id/imageButton"
                                        android:layout_width="10dp"
                                        android:layout_height="10dp"
                                        android:layout_gravity="center"
                                        android:layout_marginLeft="5dp"
                                        android:background="@drawable/heart_icon" />

                                    <TextView
                                        android:id="@+id/gallery_detail_distance"
                                        android:layout_width="wrap_content"
                                        android:layout_height="wrap_content"
                                        android:layout_gravity="center"
                                        android:textSize="8dp" />

                                    <ImageButton
                                        android:id="@+id/imageButton"
                                        android:layout_width="10dp"
                                        android:layout_height="10dp"
                                        android:layout_gravity="center"
                                        android:background="@drawable/pin" />
                                </LinearLayout>
                            </LinearLayout>
                        </LinearLayout>

                        <View
                            android:layout_width="fill_parent"
                            android:layout_height="1dp"
                            android:layout_marginTop="10dp"
                            android:background="@drawable/divider_line" />
                    </FrameLayout>

                    <RelativeLayout
                        android:layout_width="fill_parent"
                        android:layout_height="wrap_content"
                        android:orientation="vertical" >

                        <ScrollView
                            android:layout_width="fill_parent"
                            android:layout_height="70dp"
                            android:fillViewport="true" >

                            <TextView
                                android:id="@+id/gallery_image_detail"
                                android:layout_width="fill_parent"
                                android:layout_height="70dp"
                                android:layout_marginLeft="10dp"
                                android:padding="5dp"
                                android:singleLine="false"
                                android:text="@string/gallery_assignment_detail"
                                android:textSize="8dp" >
                            </TextView>
                        </ScrollView>
                    </RelativeLayout>

                    <LinearLayout
                        android:layout_width="fill_parent"
                        android:layout_height="wrap_content"
                        android:layout_marginTop="3dp"
                        android:orientation="vertical" >

                        <com.google.android.maps.MapView
                            android:id="@+id/mapViewGallery"
                            android:layout_width="fill_parent"
                            android:layout_height="70dp"
                            android:apiKey="0X_Jyk3FLOVfS4dJSGin89ME-m3u3QBwVFkXpvQ"
                            android:clickable="true"
                            android:enabled="true" >
                        </com.google.android.maps.MapView>
                    </LinearLayout>
                </LinearLayout>
            </RelativeLayout>
        </ScrollView>

        <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="0dp"
            android:layout_weight="0.4" >

            <ListView
                android:id="@+id/listViewGalleryDetail"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:cacheColorHint="#00000000"
                android:padding="5dp" >
            </ListView>
        </LinearLayout>
    </LinearLayout>

</LinearLayout>

试试这个

答案 2 :(得分:0)

您可以使用此技巧滚动两个滚动视图。 它对我有用。

假设您有两个滚动视图L1在L2内部,那么在JAVA中使用此代码。

L1.setOnTouchListener(new OnTouchListener() {

            @Override
            public boolean onTouch(View arg0, MotionEvent arg1) {

                if(arg1.getAction() == MotionEvent.ACTION_DOWN || arg1.getAction() == MotionEvent.ACTION_MOVE)
                {
                L2.requestDisallowInterceptTouchEvent(true);

                }
                return false;
            }
        });

使用此功能,您可以滚动两个滚动视图