7、android高级控件(2)(列表类视图)
1、基本适配器BaseAdapterAndroid提供了一种适应性更强的基本适配器BaseAdapter,它允许开发者在别的代码文件中进行逻辑处理。从BaseAdapter派生的数据适配器主要实现下面5个方法。构造函数:指定适配器需要处理的数据集合。getCount:获取数据项的个数。getItem:获取列表项的数据。getItemId:获取列表项的编号。getView:获取每项的展示视图,并操纵
1、基本适配器BaseAdapter
Android提供了一种适应性更强的基本适配器BaseAdapter,它允许开发者在别的代码文件中进行逻辑处理。 从BaseAdapter派生的数据适配器主要实现下面5个方法。
构造函数:指定适配器需要处理的数据集合。
getCount:获取数据项的个数。
getItem:获取列表项的数据。
getItemId:获取列表项的编号。
getView:获取每项的展示视图,并操纵每项的内部控件。
基本适配器的实现步骤:
(1)编写列表项的布局文件item_list.xml。
(2)写个新的适配器继承BaseAdapter,实现对列表项的管理操作。需要编写适配器的三个方法:
1)创建构造方法,传入列表项需要的数据列表。
1)重写getCount方法,返回列表项的个数。
2)重写getView方法,根据item_list.xml里面的布局,返回指定位置的列表项的视图内容。(3)在页面代码中创建该适配器实例,并交给下拉框设置适配器。
package com.example.chapter05.Bean;
import com.example.chapter05.R;
import java.util.ArrayList;
import java.util.List;
public class Planet {
public int image; // 行星图标
public String name; // 行星名称
public String desc; // 行星描述
public Planet(int image, String name, String desc) {
this.image = image;
this.name = name;
this.desc = desc;
}
private static int[] iconArray = {R.drawable.shuixing, R.drawable.jinxing, R.drawable.diqiu,
R.drawable.huoxing, R.drawable.muxing, R.drawable.tuxing};
private static String[] nameArray = {"水星", "金星", "地球", "火星", "木星", "土星"};
private static String[] descArray = {
"水星是太阳系八大行星最内侧也是最小的一颗行星,也是离太阳最近的行星",
"金星是太阳系八大行星之一,排行第二,距离太阳0.725天文单位",
"地球是太阳系八大行星之一,排行第三,也是太阳系中直径、质量和密度最大的类地行星,距离太阳1.5亿公里",
"火星是太阳系八大行星之一,排行第四,属于类地行星,直径约为地球的53%",
"木星是太阳系八大行星中体积最大、自转最快的行星,排行第五。它的质量为太阳的千分之一,但为太阳系中其它七大行星质量总和的2.5倍",
"土星为太阳系八大行星之一,排行第六,体积仅次于木星"
};
public static List<Planet> getDefaultList() {
List<Planet> planetList = new ArrayList<Planet>();
for (int i = 0; i < iconArray.length; i++) {
planetList.add(new Planet(iconArray[i], nameArray[i], descArray[i]));
}
return planetList;
}
}
package com.example.chapter05;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemSelectedListener;
import android.widget.Spinner;
import android.widget.Toast;
import androidx.appcompat.app.AppCompatActivity;
import com.example.chapter05.Adapt.PlanetBaseAdapter;
import com.example.chapter05.Bean.Planet;
import java.util.List;
public class BaseAdapterActivity extends AppCompatActivity {
private List<Planet> planetList; // 声明一个行星列表
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_base_adapter);
initPlanetSpinner(); // 初始化行星列表的下拉框
}
// 初始化行星列表的下拉框
private void initPlanetSpinner() {
// 获取默认的行星列表,即水星、金星、地球、火星、木星、土星
planetList = Planet.getDefaultList();
// 构建一个行星列表的适配器
PlanetBaseAdapter adapter = new PlanetBaseAdapter(this, planetList);
// 从布局文件中获取名叫sp_planet的下拉框
Spinner sp_planet = findViewById(R.id.sp_planet);
sp_planet.setPrompt("请选择行星"); // 设置下拉框的标题
sp_planet.setAdapter(adapter); // 设置下拉框的列表适配器
sp_planet.setSelection(0); // 设置下拉框默认显示第一项
// 给下拉框设置选择监听器,一旦用户选中某一项,就触发监听器的onItemSelected方法
sp_planet.setOnItemSelectedListener(new MySelectedListener());
}
// 定义一个选择监听器,它实现了接口OnItemSelectedListener
private class MySelectedListener implements OnItemSelectedListener {
// 选择事件的处理方法,其中arg2代表选择项的序号
public void onItemSelected(AdapterView<?> arg0, View arg1, int arg2, long arg3) {
Toast.makeText(BaseAdapterActivity.this, "您选择的是" + planetList.get(arg2).name, Toast.LENGTH_LONG).show();
}
// 未选择时的处理方法,通常无需关注
public void onNothingSelected(AdapterView<?> arg0) {}
}
}
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<!-- 这是显示行星图片的图像视图 -->
<ImageView
android:id="@+id/iv_icon"
android:layout_width="0dp"
android:layout_height="80dp"
android:layout_weight="1"
android:scaleType="fitCenter" />
<LinearLayout
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="3"
android:layout_marginLeft="5dp"
android:orientation="vertical">
<!-- 这是显示行星名称的文本视图 -->
<TextView
android:id="@+id/tv_name"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
android:gravity="left|center"
android:textColor="@color/black"
android:textSize="20sp" />
<!-- 这是显示行星描述的文本视图 -->
<TextView
android:id="@+id/tv_desc"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="2"
android:gravity="left|center"
android:textColor="@color/black"
android:textSize="13sp" />
</LinearLayout>
</LinearLayout>
QQ录屏20221105164251
2、列表视图ListView
列表视图允许在页面上分行展示相似的数据列表,例如新闻列表、商品列表、书籍列表等,方便用户浏览与操作。 ListView与Spinner在编码上的异同点:
(1)相同点:二者都调用setAdapter方法设置列表项的数据适配器,都可以使用基本适配器。 (2)不同点:Spinner通过setOnItemSelectedListener方法设置列表项的选中监听器;而ListView通过setOnItemClickListener设置列表项的点击监听器,通过setOnItemLongClickListener方法设置列表项的长按监听器。
package com.example.chapter05;
import androidx.appcompat.app.AppCompatActivity;
import android.annotation.SuppressLint;
import android.graphics.Color;
import android.graphics.drawable.Drawable;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.CheckBox;
import android.widget.CompoundButton;
import android.widget.ListView;
import android.widget.Toast;
import com.example.chapter05.Adapt.PlanetBaseAdapter;
import com.example.chapter05.Bean.Planet;
import com.example.chapter05.util.Utils;
import java.util.List;
public class ListViewActivity extends AppCompatActivity implements AdapterView.OnItemSelectedListener, CompoundButton.OnCheckedChangeListener {
private final static String TAG = "ListViewActivity";
private CheckBox ck_divider;
private CheckBox ck_selector;
private ListView lv_planet; // 声明一个列表视图对象
List<Planet> planetList = Planet.getDefaultList();
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_list_view);
lv_planet=findViewById(R.id.lv_planet);
ck_divider=findViewById(R.id.ck_divider);
ck_selector=findViewById(R.id.ck_selector);
ck_selector.setOnCheckedChangeListener(this);
ck_divider.setOnCheckedChangeListener(this);
List<Planet> planetList=Planet.getDefaultList();
PlanetBaseAdapter adapter=new PlanetBaseAdapter(this,planetList);
lv_planet.setAdapter(adapter);
lv_planet.setOnItemSelectedListener(this);
}
@Override
public void onItemSelected(AdapterView<?> adapterView, View view, int i, long l) {
}
@Override
public void onNothingSelected(AdapterView<?> adapterView) {
}
@Override
public void onCheckedChanged(CompoundButton compoundButton, boolean b) {
refleshListView();
}
//刷新试图列表
@SuppressLint("ResourceType")
private void refleshListView(){
lv_planet.setCacheColorHint(Color.TRANSPARENT);//防止滚动时列表拉黑
if (ck_divider.isChecked()){//显示分割线
Drawable drawable=getResources().getDrawable(R.color.purple_200);
lv_planet.setDivider(drawable); // 设置列表视图的分隔线
lv_planet.setDividerHeight(Utils.dip2px(this, 5)); // 设置列表视图的分隔线高度
}
else {//不显示分割线
lv_planet.setDivider(null); // 设置列表视图的分隔线
lv_planet.setDividerHeight(0); // 设置列表视图的分隔线高度
}
if (ck_selector.isChecked()) { // 显示按压背景
lv_planet.setSelector(R.drawable.list_selector); // 设置列表项的按压状态图形
} else { // 不显示按压背景
//lv_planet.setSelector(null); // 直接设置null会报错,因为运行时报空指针异常
// 从资源文件获得图形对象
Drawable drawable = getResources().getDrawable(R.color.purple_200);
lv_planet.setSelector(drawable); // 设置列表项的按压状态图形
}
}
}
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_pressed="true" android:drawable="@color/black"/>
<item android:drawable="@color/purple_700"/>
</selector>
<?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:background="@color/white">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="40dp">
<CheckBox
android:id="@+id/ck_divider"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:gravity="left|center"
android:text="显示分隔线"
android:textColor="@color/black"
android:textSize="17sp" />
<CheckBox
android:id="@+id/ck_selector"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:gravity="left|center"
android:text="显示按压背景"
android:textColor="@color/black"
android:textSize="17sp" />
</LinearLayout>
<ListView
android:id="@+id/lv_planet"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:divider="@color/black"
android:dividerHeight="20dp"
android:background="@null"
android:listSelector="#880088"
/>
</LinearLayout>
3、网格视图GridView
<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="5dp">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="40dp">
<TextView
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:gravity="center"
android:text="拉伸模式:"
android:textColor="@color/black"
android:textSize="17sp" />
<Spinner
android:id="@+id/sp_stretch"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:gravity="left|center"
android:spinnerMode="dialog" />
</LinearLayout>
<GridView
android:id="@+id/gv_planet"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#00ffff"
android:horizontalSpacing="3dp"
android:verticalSpacing="3dp"
android:numColumns="2"
android:stretchMode="columnWidth" />
</LinearLayout>
package com.example.chapter05.Adapt;
import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Adapter;
import android.widget.AdapterView;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;
import android.widget.Toast;
import com.example.chapter05.Bean.Planet;
import com.example.chapter05.R;
import java.util.List;
public class PlanetGridAdapter extends BaseAdapter implements AdapterView.OnItemClickListener, AdapterView.OnItemLongClickListener{
private Context mContext;//上下文对象
private List<Planet> mPlanetList;//声明行星信息列表
public PlanetGridAdapter(Context mContext, List<Planet> mPlanetList) {
this.mContext = mContext;
this.mPlanetList = mPlanetList;
}
@Override
public int getCount() {
return mPlanetList.size();
}
@Override
public Object getItem(int i) {
return mPlanetList.get(i);
}
@Override
public long getItemId(int i) {
return i;
}
@Override
public View getView(int i, View view, ViewGroup viewGroup) {
ViewHolder viewHolder;
if (view==null){
viewHolder=new ViewHolder();//构建一个视图持有者
//根据布局文件生成转换视图象
view= LayoutInflater.from(mContext).inflate(R.layout.item_grid,null);
viewHolder.iv_icon=view.findViewById(R.id.iv_icon);
viewHolder.tv_desc=view.findViewById(R.id.tv_desc);
viewHolder.tv_name=view.findViewById(R.id.tv_name);
view.setTag(viewHolder);
}
else {
viewHolder= (ViewHolder) view.getTag();
}
Planet planet=mPlanetList.get(i);
viewHolder.iv_icon.setImageResource(planet.image); // 显示行星的图片
viewHolder.tv_name.setText(planet.name); // 显示行星的名称
viewHolder.tv_desc.setText(planet.desc); // 显示行星的描述
return view;
}
//定义一个视图持有者
public final class ViewHolder {
public ImageView iv_icon; // 声明行星图片的图像视图对象
public TextView tv_name; // 声明行星名称的文本视图对象
public TextView tv_desc; // 声明行星描述的文本视图对象
}
@Override
public void onItemClick(AdapterView<?> adapterView, View view, int i, long l) {
String desc = String.format("您点击了第%d个行星,它的名字是%s", i + 1,
mPlanetList.get(i).name);
Toast.makeText(mContext, desc, Toast.LENGTH_LONG).show();
}
@Override
public boolean onItemLongClick(AdapterView<?> adapterView, View view, int i, long l) {
String desc = String.format("您长按了第%d个行星,它的名字是%s", i + 1,
mPlanetList.get(i).name);
Toast.makeText(mContext, desc, Toast.LENGTH_LONG).show();
return true;
}
}
package com.example.chapter05;
import android.graphics.Color;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.GridView;
import android.widget.Spinner;
import androidx.annotation.Nullable;
import androidx.appcompat.app.AppCompatActivity;
import com.example.chapter05.Adapt.PlanetGridAdapter;
import com.example.chapter05.Bean.Planet;
import com.example.chapter05.util.Utils;
import java.util.List;
public class GridViewActivity extends AppCompatActivity {
private GridView gv_planet; // 声明一个网格视图对象
private Object DivideSelectListener;
@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_grid_view);
List<Planet> planetList=Planet.getDefaultList();
//构建一个行星列表的网格适配器
PlanetGridAdapter planetGridAdapter=new PlanetGridAdapter(this,planetList);
//从布局视图中获取名叫gv_planet的网格视图
gv_planet=findViewById(R.id.gv_planet);
gv_planet.setAdapter(planetGridAdapter);//设置网格视图的适配器
gv_planet.setOnItemClickListener(planetGridAdapter);
gv_planet.setOnItemLongClickListener(planetGridAdapter);
gv_planet.setOnItemClickListener(planetGridAdapter);
initDividerSpinner();
}
private String[] dividerArray = {
"不显示分隔线",
"不拉伸(NO_STRETCH)",
"拉伸列宽(COLUMN_WIDTH)",
"列间空隙(STRETCH_SPACING)",
"左右空隙(SPACING_UNIFORM)",
"使用padding显示全部分隔线"};
//初始化拉伸模式的下拉框
private void initDividerSpinner(){
ArrayAdapter<String> divideAdapter=new ArrayAdapter<String>(this,R.layout.item_select,dividerArray);
Spinner sp_stretch=findViewById(R.id.sp_stretch);
sp_stretch.setPrompt("设置拉伸模式");//设置下拉框标婷
sp_stretch.setSelection(0);
sp_stretch.setAdapter(divideAdapter);
sp_stretch.setOnItemSelectedListener(new DivideSelectListener());
}
class DivideSelectListener implements AdapterView.OnItemSelectedListener{
@Override
public void onItemSelected(AdapterView<?> adapterView, View view, int arg2, long l) {
int dividerPad = Utils.dip2px(GridViewActivity.this, 2); // 定义间隔宽度为2dp
gv_planet.setBackgroundColor(Color.CYAN); // 设置背景颜色
gv_planet.setHorizontalSpacing(dividerPad); // 设置列表项在水平方向的间距
gv_planet.setVerticalSpacing(dividerPad); // 设置列表项在垂直方向的间距
gv_planet.setStretchMode(GridView.STRETCH_COLUMN_WIDTH);//是自己拉伸模式
gv_planet.setColumnWidth(Utils.dip2px(GridViewActivity.this, 120));//设置每列宽度120dp
gv_planet.setPadding(1,1,1,1);//设置网格视图的四周边距
if (arg2 == 0) { // 不显示分隔线
gv_planet.setBackgroundColor(Color.WHITE);
gv_planet.setHorizontalSpacing(0);
gv_planet.setVerticalSpacing(0);
} else if (arg2 == 1) { // 不拉伸(NO_STRETCH)
gv_planet.setStretchMode(GridView.NO_STRETCH);
} else if (arg2 == 2) { // 拉伸列宽(COLUMN_WIDTH)
gv_planet.setStretchMode(GridView.STRETCH_COLUMN_WIDTH);
} else if (arg2 == 3) { // 列间空隙(STRETCH_SPACING)
gv_planet.setStretchMode(GridView.STRETCH_SPACING);
} else if (arg2 == 4) { // 左右空隙(SPACING_UNIFORM)
gv_planet.setStretchMode(GridView.STRETCH_SPACING_UNIFORM);
} else if (arg2 == 5) { // 使用padding显示全部分隔线
gv_planet.setPadding(dividerPad, dividerPad, dividerPad, dividerPad);
}
}
@Override
public void onNothingSelected(AdapterView<?> adapterView) {
}
}
}
更多推荐
所有评论(0)