android(9) ListView + ScrollView + ViewPager布局

一.ListView + ScrollView + ViewPager界面实现：

     看了别人的源码总要总结一下，ListView与ScrollView两者之间是有冲突的，但有的时候，又不得不两者一块使用。主要就是ListView中item高度不确定，只要写死或先算出所有的item的高度和就能显示出你所需要的效果了。

 效果图:

  

 

主界面：

public class MainActivity extends Activity {// viewPagerprivate MyPageAdapter viewpageAdapter;private ArrayList<View> viewList;private ListView listview1;// listview数据条数private int dataNum = 10;    //ScrollViewprivate MyScrollView myscrollview1;//ViewPagerprivate ViewPager viewpager;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);requestWindowFeature(Window.FEATURE_NO_TITLE);setContentView(R.layout.activity_custom_morecustom_main);prepareData();//初始化viewmyscrollview1 = (MyScrollView)findViewById(R.id.myscrollview1);viewpager = (ViewPager) findViewById(R.id.viewpager);listview1 = (ListView) findViewById(R.id.listview1);viewpageAdapter = new MyPageAdapter();viewpager.setAdapter(viewpageAdapter);MyListAdapter1 adapter1 = new MyListAdapter1();listview1.setAdapter(adapter1);//设置高度new ListUtils(this).setListViewHeightBasedOnChildren(listview1);listview1.setOnItemClickListener(new OnItemClickListener() {@Overridepublic void onItemClick(AdapterView<?> parent, View view,int position, long id) {Toast.makeText(MainActivity.this, "哈哈",Toast.LENGTH_SHORT).show();}});//设置ScrollView滚动条为顶部myscrollview1.smoothScrollTo(0,20);}// ViewPager的图片初始化private void prepareData() {viewList = new ArrayList<View>();ImageView view1 = new ImageView(this);view1.setImageResource(R.drawable.w3);viewList.add(view1);ImageView view2 = new ImageView(this);view2.setImageResource(R.drawable.w2);viewList.add(view2);}private class MyListAdapter1 extends BaseAdapter {@Overridepublic int getCount() {return dataNum;}@Overridepublic Object getItem(int position) {return position;}@Overridepublic long getItemId(int position) {return position;}@Overridepublic View getView(int position, View convertView, ViewGroup parent) {View view = View.inflate(getApplicationContext(),R.layout.activity_listview_item, null);return view;}}class MyPageAdapter extends PagerAdapter {@Overridepublic int getCount() {return viewList.size();}@Overridepublic boolean isViewFromObject(View arg0, Object arg1) {return arg0 == arg1;}@Overridepublic void destroyItem(ViewGroup container, int position, Object object) {container.removeView(viewList.get(position));}@Overridepublic Object instantiateItem(ViewGroup container, int position) {container.addView(viewList.get(position));return viewList.get(position);}}//根据手机的分辨率从 dp 的单位 转成为 px(像素)public static int dip2px(Context context, float dpValue) {final float scale = context.getResources().getDisplayMetrics().density;return (int) (dpValue * scale);}//根据手机的分辨率从 px(像素) 的单位 转成为 dppublic static int px2dip(Context context, float pxValue) {final float scale = context.getResources().getDisplayMetrics().density;return (int) (pxValue / scale);}}

MyScrollView：

public class MyScrollView extends ScrollView {public MyScrollView(Context context, AttributeSet attrs) {super(context, attrs);}//触发拦截触摸事件默认为false@Overridepublic boolean onInterceptTouchEvent(MotionEvent ev) {return false;}}

ListUtils：

public class ListUtils {private Context context;public ListUtils(Context context){this.context = context;}public void setListViewHeightBasedOnChildren(ListView listView) {//  获取ListView对应的AdapterListAdapter listAdapter = listView.getAdapter();if (listAdapter == null) {return;}//显示框显示三个item的高度,因为已经写死每个layout的高度是65int totalHeight = dip2px(context, 65) * 2;/* * 这是显示完整的高度int totalHeight = 0 ;for (int i = 0; i < listAdapter.getCount(); i++) { totalHeight += dip2px(context, 65);}*/ViewGroup.LayoutParams params = listView.getLayoutParams();//设置listview显示完整需要的高度，getDividerHeight()分割符占有的高度params.height = totalHeight+ (listView.getDividerHeight() * (listAdapter.getCount() -1));listView.setLayoutParams(params);}//根据手机的分辨率从 dp 的单位 转成为 px(像素)public static int dip2px(Context context, float dpValue) {final float scale = context.getResources().getDisplayMetrics().density;return (int) (dpValue * scale );}//根据手机的分辨率从 px(像素) 的单位 转成为 dppublic static int px2dip(Context context, float pxValue) {final float scale = context.getResources().getDisplayMetrics().density;return (int) (pxValue / scale );}}

主界面布局：

<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" >    <com.example.testtexiao6.MyScrollView        android:id="@+id/myscrollview1"        android:layout_width="fill_parent"        android:layout_height="wrap_content"        >        <LinearLayout            android:layout_width="fill_parent"            android:layout_height="wrap_content"            android:orientation="vertical" >            <RelativeLayout                android:id="@+id/relative1"                android:layout_width="wrap_content"                android:layout_height="wrap_content" >                <android.support.v4.view.ViewPager                    android:id="@+id/viewpager"                    android:layout_width="fill_parent"                    android:layout_height="284dip"                    android:background="#ffcc00" />                                <RelativeLayout                    android:id="@+id/relative2"                    android:layout_width="match_parent"                    android:layout_height="wrap_content"                    android:layout_below="@id/viewpager" >                    <LinearLayout                        android:layout_width="wrap_content"                        android:layout_height="wrap_content"                        android:layout_marginLeft="40dip"                        android:gravity="center"                        android:orientation="vertical" >                        <TextView                            android:layout_width="wrap_content"                            android:layout_height="wrap_content"                            android:text="2015年5月"                            android:textColor="#f6466c"                            android:textSize="14sp" />                        <LinearLayout                            android:layout_width="wrap_content"                            android:layout_height="wrap_content"                            android:orientation="horizontal" >                            <TextView                                android:layout_width="wrap_content"                                android:layout_height="wrap_content"                                android:layout_marginLeft="3dip"                                android:text="25日"                                android:textColor="#000000"                                android:textSize="16sp"                                android:textStyle="bold" />                            <TextView                                android:layout_width="wrap_content"                                android:layout_height="wrap_content"                                android:layout_marginLeft="3dip"                                android:text="周一"                                android:textSize="14sp" />                        </LinearLayout>                    </LinearLayout>                    <View                        android:id="@+id/view"                        android:layout_width="1sp"                        android:layout_height="40dip"                        android:layout_centerInParent="true"                        android:background="@android:color/darker_gray" />                    <LinearLayout                        android:layout_width="wrap_content"                        android:layout_height="wrap_content"                        android:layout_marginLeft="40dip"                        android:layout_toRightOf="@id/view"                        android:gravity="center"                        android:orientation="vertical" >                        <TextView                            android:layout_width="wrap_content"                            android:layout_height="wrap_content"                            android:text="PM超标"                            android:textColor="#f6466c"                            android:textSize="14sp" />                    </LinearLayout>                </RelativeLayout>            </RelativeLayout>            <RelativeLayout                android:layout_width="wrap_content"                android:layout_height="wrap_content" >                <LinearLayout                    android:id="@+id/ll_02"                    android:layout_width="match_parent"                    android:layout_height="match_parent"                    android:orientation="vertical" >                    <ImageView                        android:layout_width="match_parent"                        android:layout_height="4dip"                        android:background="@android:color/holo_blue_bright" />                    <View                        android:layout_width="3dip"                        android:layout_height="30dip"                        android:layout_marginLeft="21dip"                        android:background="@android:color/darker_gray" />                </LinearLayout>            </RelativeLayout>                       <RelativeLayout                android:layout_width="match_parent"                android:layout_height="wrap_content" >                <LinearLayout                    android:id="@+id/ll_04"                    android:layout_width="wrap_content"                    android:layout_height="match_parent"                    android:orientation="vertical" >                    <ImageView                        android:layout_width="wrap_content"                        android:layout_height="wrap_content"                        android:layout_marginLeft="10dip"                        android:src="@drawable/icon_morecustom_12" />                    <View                        android:layout_width="3dip"                        android:layout_height="160dip"                        android:layout_marginLeft="21dip"                        android:background="@android:color/darker_gray" />                </LinearLayout>                <TextView                    android:id="@+id/tv_title04"                    android:layout_width="wrap_content"                    android:layout_height="wrap_content"                    android:layout_alignTop="@id/ll_04"                    android:layout_marginLeft="3dip"                    android:layout_toRightOf="@id/ll_04"                    android:text="今天已记录10项"                    android:textColor="#f6466c"                    android:textSize="18sp" />                <ListView                    android:id="@+id/listview1"                    android:layout_width="280dip"                    android:layout_height="wrap_content"                    android:layout_alignLeft="@id/tv_title04"                    android:layout_below="@id/tv_title04"                    android:layout_marginTop="5dip"                    android:divider="@null" />            </RelativeLayout>            <View                android:layout_width="match_parent"                android:layout_height="20dip"                />        </LinearLayout>    </com.example.testtexiao6.MyScrollView></RelativeLayout>

listview的item布局：

<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="65dip"    android:background="@android:drawable/editbox_background"   >    <ImageView        android:id="@+id/iv"        android:layout_width="40dip"        android:layout_height="40dip"        android:layout_centerVertical="true"        android:layout_marginLeft="5dip"        android:background="@drawable/icon_morecustom_launcher" />    <TextView        android:id="@+id/tv_1"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_marginLeft="3dip"        android:layout_marginTop="3dip"        android:layout_toRightOf="@id/iv"        android:text="滨州天气晴朗"        android:textSize="14sp" />    <TextView        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_marginTop="1dip"        android:layout_toRightOf="@id/tv_1"        android:text="气温比较高"        android:textColor="#f6466c"        android:textSize="16sp" />    <TextView        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_alignLeft="@id/tv_1"        android:layout_below="@id/tv_1"        android:layout_marginTop="6dip"        android:text="适合人们穿短袖"        android:textColor="@android:color/darker_gray"        android:textSize="14sp" />    <ImageView         android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:src="@drawable/icon_morecustom_arrow"        android:layout_centerVertical="true"        android:layout_alignParentRight="true"        />    <View android:layout_width="match_parent"        android:layout_height="5dip"        android:layout_alignParentBottom="true"        /></RelativeLayout>