一：ListView
1.什么是ListView
如下通过一行行列表视图展示数据的一种控件，应用场景比如通讯录、短信列表、聊天联系人、文件夹列表、评论列表、应用列表等
2.Layout中如何实现ListView
第一步：layout中创建ListView
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context=".MainActivity"> <ListView android:id="@+id/list_item" android:layout_width="match_parent" android:layout_height="match_parent"/> </LinearLayout>
效果
第二步：创建每一行的Layout。item.xml
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="horizontal" android:layout_width="match_parent" android:layout_height="match_parent"> <TextView android:id="@+id/list_item" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_horizontal" android:layout_marginLeft="30dp" android:paddingTop="12dp" android:text="今天是个好日子" android:textSize="24dp" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="24dp" android:text="阅读原文" android:layout_marginLeft="90dp"/> </LinearLayout>
效果
第三步：使用adapter将数据填充到每一行的视图中
public class MainActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); ListView listView = findViewById(R.id.list_item); List<String> list = new ArrayList<>(); list.add("Android知识了解"); list.add("Android开发环境搭建"); list.add("Android控件学习"); list.add("Android网络操作"); listView.setAdapter(new ListAdapter(list)); } public class ListAdapter extends BaseAdapter { List<String> names; public ListAdapter(List<String> list) { names = list; } @Override public int getCount() {//有多少条数据 return names.size(); } @Override public Object getItem(int position) {//获取当前postion位置的这条数据 return names.get(position); } @Override public long getItemId(int position) {//获取当前postion位置的id return position; } @Override public View getView(int position, View convertView, ViewGroup parent) { //xml转成java代码操作 LayoutInflater layoutInflater = (LayoutInflater) getSystemService(Context.LAYOUT_INFLATER_SERVICE); convertView = layoutInflater.inflate(R.layout.item, null); TextView textView = convertView.findViewById(R.id.item_text); Button button = convertView.findViewById(R.id.button); textView.setText(names.get(position)); return convertView; } } }
效果
3.给ListView添加头部Header
我们要实现的需求如下，当我们向上翻动时候，顶部也会滚动
要实现以上的header效果，主要用到的方法就是ListView的addHeaderView(View view)，需要一个view对象，所以我们创建一个header.xml的layout
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent"> <ImageView android:layout_width="match_parent" android:layout_height="100dp" android:background="@mipmap/header" /> </LinearLayout>
效果
java代码，只需在3中代码的onCreate方法加上以下代码
//读取layout转成View LayoutInflater layoutInflater = (LayoutInflater) getSystemService(Context.LAYOUT_INFLATER_SERVICE); View header= layoutInflater.inflate(R.layout.header, null); listView.addHeaderView(header);
注：如果要实现翻滚列表但是顶部图片不随着翻动效果，我们只需将界面设计成顶部一个ImageView控件加上下面一个ListView控件
4.通过ListView展示手机所有应用列表
我们要实现的需求如下所示，展示所有应用列表，并且点击能够进入当前应用
这里每行的layout的xml文件发生了点变化，代码如下
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="horizontal" android:layout_width="match_parent" android:layout_height="match_parent"> <ImageView android:id="@+id/image" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="24dp" android:text="阅读原文" android:layout_marginLeft="10dp" /> <TextView android:id="@+id/item_text" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_horizontal" android:layout_marginLeft="30dp" android:paddingTop="12dp" android:text="今天是个好日子" android:textSize="24dp" /> </LinearLayout>
整个java代码如下
public class MainActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); ListView listView = findViewById(R.id.list_item); final List<ResolveInfo> list = getAppInfos(); listView.setAdapter(new ListAdapter(list)); //添加每个item的点击事件 listView.setOnItemClickListener(new AdapterView.OnItemClickListener() { @Override public void onItemClick(AdapterView<?> parent, View view, int position, long id) { String packageName = list.get(position).activityInfo.packageName; String className = list.get(position).activityInfo.name; ComponentName componentName = new ComponentName(packageName, className); final Intent intent = new Intent(); intent.setComponent(componentName); startActivity(intent); } }); } public class ListAdapter extends BaseAdapter { List<ResolveInfo> names; public ListAdapter(List<ResolveInfo> list) { names = list; } @Override public int getCount() {//有多少条数据 return names.size(); } @Override public Object getItem(int position) {//获取当前postion位置的这条数据 return names.get(position); } @Override public long getItemId(int position) {//获取当前postion位置的id return position; } @Override public View getView(int position, View convertView, ViewGroup parent) { //xml转成java代码操作 LayoutInflater layoutInflater = (LayoutInflater) getSystemService(Context.LAYOUT_INFLATER_SERVICE); convertView = layoutInflater.inflate(R.layout.item, null); TextView textView = (TextView) convertView.findViewById(R.id.item_text); ImageView imageView = (ImageView) convertView.findViewById(R.id.image); textView.setText(names.get(position).activityInfo.loadLabel(getPackageManager())); imageView.setImageDrawable(names.get(position).activityInfo.loadIcon(getPackageManager())); return convertView; } } //获取所有的应用信息 private List<ResolveInfo> getAppInfos() { Intent intent = new Intent(Intent.ACTION_MAIN, null); intent.addCategory(Intent.CATEGORY_LAUNCHER); return getPackageManager().queryIntentActivities(intent, 0); } }
5.优化ListView
我们上面实现的ListView缺点就是如果数据很多的时候，我们每次翻动都会加载每个item进行渲染，我们可以通过缓存当前这个item达到优化
具体修改的代码如下
@Override public View getView(int position, View convertView, ViewGroup parent) { ViewHolder holder = new ViewHolder(); if(convertView==null){ LayoutInflater layoutInflater = (LayoutInflater) getSystemService(Context.LAYOUT_INFLATER_SERVICE); convertView = layoutInflater.inflate(R.layout.item, null); holder.textView = (TextView) convertView.findViewById(R.id.item_text); holder.imageView = (ImageView) convertView.findViewById(R.id.image); convertView.setTag(holder); }else{ holder = (ViewHolder)convertView.getTag(); } holder.textView.setText(names.get(position).activityInfo.loadLabel(getPackageManager())); holder.imageView .setImageDrawable(names.get(position).activityInfo.loadIcon(getPackageManager())); return convertView; } public class ViewHolder{ public TextView textView; public ImageView imageView; }
二：CardView
1.CardView是什么？
CardView是Android5.0之后新增的一个继承自FrameLayout，方便作为其他控件容器添加3D阴影和圆角效果，使用的时候需要独立引入com.android.support:cardview-v7:26.1.0
如下效果
2.CardView常用属性
app:cardBackgroundColor背景色
app:cardCornerRadius圆角半径
app:contentPadding内容padding
app:cardElevation阴影大小
cardUseCompatPadding 默认false，用于5.0以上，true则添加额外的padding绘制阴影
cardPreventCornerOverlap 默认true 用于5.0以下，添加额外padding防止内容和圆角重叠
三：屏幕适配
让我们的app使用不同尺寸、不同分辨率的设备，完成屏幕适配主要包括布局上的适配和图片上的适配
几个概念
屏幕尺寸：是屏幕对角线的长度单位是英寸，1英寸=2.54厘米，常见尺寸2.4、2.8、3.5、3.7、4.2、5.0、5.5、6.0
屏幕分辨率：指在横纵向上像素点数，单位是px,1px=1个像素点，一般以纵向像素*横向像素如1960*1080
屏幕像素密度：尺寸不变的情况下，分辨率越高屏幕越清晰屏幕像素密度越高，即屏幕像素密度指的是每英寸上的像素点数单位是dpi（求法就是首先根据三角形求出对角线上的像素，然后除以屏幕尺寸即可），
dp的范围划分
布局适配
1.禁用绝度布局
2.少用px作为单位，改用dp或者dip
3.合理使用wrap_content（先按照内容的多少设定控件大小，再按照权重比例分配）、match_parent（控件大小=父容器大小+权重比例*剩余空间大小）、layout_weight（0dp，直接按照你所设定比例分配）
图片适配
1.提供不容分辨率的图
2.使用自动拉伸图
文章首发地址：www.javayihao.top
文章首发公众号：java一号
