一.ListView + ScrollView + ViewPager界面实现:
看了别人的源码总要总结一下,ListView与ScrollView两者之间是有冲突的,但有的时候,又不得不两者一块使用。主要就是ListView中item高度不确定,只要写死或先算出所有的item的高度和就能显示出你所需要的效果了。
效果图:
主界面:
public class MainActivity extends Activity {
// viewPager
private MyPageAdapter viewpageAdapter;
private ArrayList<View> viewList;
private ListView listview1;
// listview数据条数
private int dataNum = 10;
//ScrollView
private MyScrollView myscrollview1;
//ViewPager
private ViewPager viewpager;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
requestWindowFeature(Window.FEATURE_NO_TITLE);
setContentView(R.layout.activity_custom_morecustom_main);
prepareData();
//初始化view
myscrollview1 = (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() {
@Override
public 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 {
@Override
public int getCount() {
return dataNum;
}
@Override
public Object getItem(int position) {
return position;
}
@Override
public long getItemId(int position) {
return position;
}
@Override
public 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 {
@Override
public int getCount() {
return viewList.size();
}
@Override
public boolean isViewFromObject(View arg0, Object arg1) {
return arg0 == arg1;
}
@Override
public void destroyItem(ViewGroup container, int position, Object object) {
container.removeView(viewList.get(position));
}
@Override
public 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(像素) 的单位 转成为 dp
public 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
@Override
public 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对应的Adapter
ListAdapter listAdapter = listView.getAdapter();
if (listAdapter == null) {
return;
}
//显示框显示三个item的高度,因为已经写死每个layout的高度是65
int 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(像素) 的单位 转成为 dp
public 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>