在ListView下面添加一个相对布局的小Dome-布局优化
对于一个相对比较复杂的界面，可以用<include>重用来优化布局，也就是在一个布局里面引入另一个布局。比如说我们程序界面的表头公共的部分，这时候可以将这个公共的部分提取出来放在一个独立的布局文件中，，然后在界面的布局文件里引用这个公共的布局。
1.下面这个就是独立出来的公共布局include_actionbar.xml
<?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="50dp"
android:background="@color/app_color">
<TextView
android:id="@+id/back"
android:layout_width="60dp"
android:layout_height="match_parent"
android:gravity="center"
android:text="返回"
android:textColor="@color/white"
android:textSize="14dp" />
<TextView
android:id="@+id/title"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_centerInParent="true"
android:gravity="center"
android:text="标题"
android:textColor="@color/white"
android:textSize="16dp" />
<TextView
android:id="@+id/more"
android:layout_width="60dp"
android:layout_height="match_parent"
android:layout_alignParentRight="true"
android:gravity="center"
android:text="更多"
android:textColor="@color/white"
android:textSize="14dp" />
</RelativeLayout>2.接下来就在activity_main.xml中使用
<include>标签
引入公共布局
在ListView的下面添加一个相对布局，很重要的一个属性就是在这个布局里面添加android:layout_above这个属性
<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"
tools:context=".MainActivity">
<include
android:id="@+id/actionbar"
layout="@layout/include_actionbar" />
<RelativeLayout
android:id="@+id/rl_content"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_above="@+id/rl_buttom"
android:layout_below="@+id/actionbar">
<ListView
android:id="@+id/lv_content"
android:layout_width="match_parent"
android:layout_height="wrap_content" />
<LinearLayout
android:id="@+id/ll_order"
android:layout_width="40dp"
android:layout_height="40dp"
android:layout_alignParentBottom="true"
android:layout_alignParentRight="true"
android:layout_margin="10dp"
android:background="@drawable/shape_radius_yellow">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center"
android:text="新品预定"
android:textColor="@color/white"
android:textSize="16dp" />
</LinearLayout>
</RelativeLayout>
<RelativeLayout
android:id="@+id/rl_buttom"
android:layout_width="match_parent"
android:layout_height="50dp"
android:layout_alignParentBottom="true"
android:background="@color/grey">
<TextView
android:id="@+id/txt_price"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_marginLeft="10dp"
android:gravity="center"
android:text="合计：43.2元"
android:textColor="@color/white"
android:textSize="14dp" />
<TextView
android:id="@+id/sure"
android:layout_width="60dp"
android:layout_height="match_parent"
android:layout_alignParentRight="true"
android:layout_marginRight="10dp"
android:gravity="center"
android:text="确定下单"
android:textColor="@color/white"
android:textSize="14dp" />
</RelativeLayout>
</RelativeLayout>
3.item_layout.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:padding="10dp">
<TextView
android:id="@+id/txt_title"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:textSize="16dp" />
</LinearLayout>
4.shape_radius_yellow.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<!-- 圆角，android:radius为角的弧度，值越大角越圆。 -->
<corners android:radius="5dp" />
<!-- 实心,就是填充的意思 -->
<solid android:color="@color/yellow" />
<!-- 描边，android:width="1dp" 描边的宽度，android:color 描边的颜色。-->
<stroke
android:width="1dp"
android:color="@color/yellow" />
</shape>
5.color.xml
<?xml version="1.0" encoding="utf-8"?>
<resources>
<color name="app_color">#65A046</color>
<color name="yellow">#F2BE2C</color>
<color name="white">#FFFFFF</color>
<color name="grey">#1F292A</color>
</resources>
6.MyAdapter，代码写的很详细
/**
* @author: xiaolijuan
* @description: 适配器
* @projectName: ListViewDemo
* @date: 2015-10-20
* @time: 12:24
*/
public class MyAdapter extends BaseAdapter {
private Context context;
private List<String> mTitleArray;// 标题数组
private int layoutId;
/**
* 构造方法
* @param context 上下文对象
* @param mTitleArray 标题数组
* @param layoutId 布局Id
*/
public MyAdapter(Context context, List<String> mTitleArray, int layoutId) {
this.context = context;
this.mTitleArray = mTitleArray;
this.layoutId = layoutId;
}
/**
* 获取Item总数
* @return
*/
@Override
public int getCount() {
return mTitleArray.size();
}
/**
* 获取一个Item对象
* @param position
* @return
*/
@Override
public Object getItem(int position) {
return mTitleArray.get(position);
}
/**
* 获取指定item的Id
* @param position
* @return
*/
@Override
public long getItemId(int position) {
return position;
}
/**
* 绘制的内容均在此实现
* @param position position就是位置从0开始
* @param convertView convertView是Spinner中每一项要显示的view
* @param parent parent就是父窗体了，也就是ListView
* @return
*/
@Override
public View getView(int position, View convertView, ViewGroup parent) {
View item = convertView != null ? convertView : View.inflate(context, layoutId, null);
TextView txt_name = (TextView) item.findViewById(R.id.txt_title);
txt_name.setText(mTitleArray.get(position));
return item;
}
}
7.主界面的Java代码
/**
* @author: xiaolijuan
* @description: 在ListView下面添加一个相对布局的小Dome
* @projectName: ListViewDemo
* @date: 2015-10-20
* @time: 10:24
*/
public class MainActivity extends Activity {
private ListView mListView;//列表视图控件
private LinearLayout mOrder;//线性布局
Activity context;//上下文对象
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
context = this;
initView();
}
/**
* 初始化视图
*/
private void initView() {
mListView = (ListView) findViewById(R.id.lv_content);
mOrder = (LinearLayout) findViewById(R.id.ll_order);
MyAdapter adapter = new MyAdapter(context, getDatas(), R.layout.item_layout);
mListView.setAdapter(adapter);
mListView.setOnItemClickListener(new ItemClickListener());
/**
* 给LinearLayout添加单击事件
*/
mOrder.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
Toast.makeText(context, "新品预定", Toast.LENGTH_LONG).show();
}
});
}
/**
* 获取数据源
*
* @return
*/
private List<String> getDatas() {
List<String> array = new ArrayList<String>();
for (int i = 0; i <= 45; i++) {
array.add("这是第" + i + "个Item");
}
return array;
}
/**
* 为ListView每个Item添加点击事件
*/
public class ItemClickListener implements AdapterView.OnItemClickListener {
@Override
public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
Toast.makeText(context, "您点击的是第" + position + "个Item", Toast.LENGTH_LONG).show();
}
}
}
以上是所有的代码了，看看运行效果
