android从放弃到坚持放弃第三课(下)

最新推荐文章于 2022-02-02 15:06:12 发布
最新推荐文章于 2022-02-02 15:06:12 发布
阅读量1.1k 收藏
点赞数 1
分类专栏： 从入门到giveup 文章标签： android ui 手机 界面
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/JayWRZZ/article/details/69488224
版权

续UI设计

学习资料:第一行代码

ListView

手机屏幕空间有限，能够一次显示出来的内容并不多，有大量数据需要显示的时候，就可以借助ListView来实现。如QQ聊天消息和聊天记录。

最简单的用法

首先新建一个项目ListView。

activity_main.xml:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="com.example.wrjjrw.listviewtest.MainActivity">

    <ListView
        android:id="@+id/list_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

    </ListView>

</LinearLayout>

MainActivity:

package com.example.wrjjrw.listviewtest;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.ArrayAdapter;
import android.widget.ListView;

public class MainActivity extends AppCompatActivity {

    private final static String Tag = "MainActivity";

    private String[] data = {"huchi","huchi","huchi","huchi","huchi",
            "huchi","huchi","huchi","huchi","huchi","huchi","huchi",
            "huchi","huchi","huchi","huchi","huchi","huchi","huchi"
    };

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        ArrayAdapter<String> adapter = new ArrayAdapter<String>(
                MainActivity.this, android.R.layout.simple_list_item_1, data);
        ListView listview = (ListView) findViewById(R.id.list_view);
        listview.setAdapter(adapter);
    }
}

既然ListView适用于展示大量的数据的，就应先保存好。数据来源可以是文件，数据库等等。

数组的数据是无法直接传递给ListView的，我们还需要借助适配器来完成。这里用ArrayAdapter，通过泛型来指定要适配的数据类型，然后在构造函数中把要适配的数据传入。

ArrayAdapter;

public ArrayAdapter (Context context, int resource, int textViewResourceId, T[] objects)

Constructor

–Parameters

contextThe current context.
resourceThe resource ID for a layout file containing a layout to use when instantiating views.
textViewResourceIdThe id of the TextView within the layout resource to be populated
objectsThe objects to represent in the ListView.

最后还需要调用ListView的setAdapter()方法，将构建好的适配器对象传递进去。这样就完成了ListView和数据的关联。

public void setAdapter (ListAdapter adapter)

Sets the data behind this ListView. The adapter passed to this method may be wrapped by a WrapperListAdapter, depending on the ListView features currently in use. For instance, adding headers and/or footers will cause the adapter to be wrapped.

–Parameters

adapterThe ListAdapter which is responsible for maintaining the data backing this list and for producing a view to represent an item in that data set.

–See Also

  • getAdapter()

定制ListView的界面

定制ListView的界面，使之更加丰富。

先新建一个类：

public class Fruit {
    private String name;
    private int imageId;
    public Fruit(String name , int imageId){
        this.name = name;
        this.imageId = imageId;
    }
    public String getName(){
        return  name;
    }
    public int getImageId(){
        return imageId;
    }
}

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/fruit_image"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

    <TextView
        android:id="@+id/fruit_name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" 
        android:layout_gravity="center_vertical"
        android:layout_marginLeft="10dp"
        />

</LinearLayout>

这里定义了一个imageView用于显示图片，还有一个显示名字。

接下来要创建一个自定义的适配器，这个适配器继承自ArrayAdapter，并将泛型指定Fruit类。新建类FruitAdapter.

public class FruitAdapter extends ArrayAdapter<Fruit> {

    private int resourceId;

    public FruitAdapter(Context context, int textViewResourceId, List<Fruit> objects){
        super(context, textViewResourceId, objects);
        resourceId = textViewResourceId;
    }

    @NonNull
    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        Fruit fruit = getItem(position);    //获取当前项的Fruit实例
        View view = LayoutInflater.from(getContext()).inflate(resourceId, parent, false);
        ImageView fruitImage = (ImageView) view.findViewById(R.id.fruit_image);
        TextView fruitName = (TextView) view.findViewById(R.id.fruit_name);
        fruitImage.setImageResource(fruit.getImageId());
        fruitName.setText(fruit.getName());
        return view;
    }
}

FruitAdapter重写了父类的一组构造函数和getView()方法。getView()方法中在每个子项被滚动到屏幕内的时候会被调用。在getView()方法中首先通过getItem()方法得到当前项的Fruit实例，然后使用LayoutInflater来为至俄格子项加载我们传入的布局。

public View inflate (int resource, ViewGroup root, boolean attachToRoot)

Inflate a new view hierarchy from the specified xml resource. Throws InflateException if there is an error.

Parameters

resourceID for an XML layout resource to load (e.g., R.layout.main_page)
rootOptional view to be the parent of the generated hierarchy (if attachToRoot is true), or else simply an object that provides a set of LayoutParams values for root of the returned hierarchy (if attachToRoot is false.)
attachToRootWhether the inflated hierarchy should be attached to the root parameter? If false, root is only used to create the correct subclass of LayoutParams for the root view in the XML.

Returns

  • The root View of the inflated hierarchy. If root was supplied and attachToRoot is true, this is root; otherwise it is the root of the inflated XML file.

第三个参数指定为flase,即表示只让我们在父布局中声明layout的属性生效，但不为这个View添加父布局。因为一旦有了父布局之后，他就不能添加到ListView中了，如果现在还不能理解的话，只要知道这是ListView的标准写法。

下面调用view.findViewById()找到实例后用setImageResouce()等方法来设置显示图片与文字。最后将布局返回。

修改MainActivity：

public class MainActivity extends AppCompatActivity {

    private final static String Tag = "MainActivity";

    private List<Fruit> fruitList = new ArrayList<>();



    private String[] data = {"huchi","huchi","huchi","huchi","huchi",
            "huchi","huchi","huchi","huchi","huchi","huchi","huchi",
            "huchi","huchi","huchi","huchi","huchi","huchi","huchi"
    };

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initFruits();
        FruitAdapter fruitAdapter = new FruitAdapter(MainActivity.this, R.layout.fruit_item , fruitList);

        ListView listview = (ListView) findViewById(R.id.list_view);
        listview.setAdapter(fruitAdapter);
    }

    private void initFruits(){
        for(int i = 0; i < 2; i++){
            Fruit apple = new Fruit("Apple", R.drawable.apple_pic);
            fruitList.add(apple);
            Fruit banana = new Fruit("Banana", R.drawable.apple_pic);
            fruitList.add(banana);
            Fruit orange = new Fruit("Orange", R.drawable.apple_pic);
            fruitList.add(orange);
            Fruit watermelon = new Fruit("watermelon", R.drawable.apple_pic);
            fruitList.add(watermelon);
            Fruit cherry = new Fruit("Cherry", R.drawable.apple_pic);
            fruitList.add(cherry);
            Fruit huchi = new Fruit("huchi", R.drawable.apple_pic);
            fruitList.add(huchi);
        }
    }

}

这里添加了一个initFruit()方法，用于初始化所有水果，由于我没有图片，。。。。。将就着(┬＿┬)

接着在onCreate()方法中创建FruitAdapter对象。并将FruitAdapter作为适配器传递给ListView，这样定制ListView界面的任务就finish了。跑路。

提升ListView的运行效率

ListView之所以难用，是因为他很多细节可以优化。上次中FruitAdapter的getView()方法每次都会将布局重新加载一遍，当ListView快速滚动时，就会成为性能的瓶颈。

修改FruitAdapter:

public class FruitAdapter extends ArrayAdapter<Fruit> {

    private int resourceId;

    public FruitAdapter(Context context, int textViewResourceId, List<Fruit> objects){
        super(context, textViewResourceId, objects);
        resourceId = textViewResourceId;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        Fruit fruit = getItem(position);    //获取当前项的Fruit实例
        View view;
        if(convertView == null) {
            view = LayoutInflater.from(getContext()).inflate(resourceId, parent, false);
        }else{
            view = convertView;
        }

        ImageView fruitImage = (ImageView) view.findViewById(R.id.fruit_image);
        TextView fruitName = (TextView) view.findViewById(R.id.fruit_name);
        fruitImage.setImageResource(fruit.getImageId());
        fruitName.setText(fruit.getName());
        return view;
    }
}

我们可以发现getView()中进行了判断，如果convertView为null,则使用LayoutInflater去加载布局，否则就直接重用。在快速滚动到时候也能表现出较好的性能。

继续修改：

public class FruitAdapter extends ArrayAdapter<Fruit> {

    private int resourceId;

    public FruitAdapter(Context context, int textViewResourceId, List<Fruit> objects){
        super(context, textViewResourceId, objects);
        resourceId = textViewResourceId;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        Fruit fruit = getItem(position);    //获取当前项的Fruit实例
        View view;
        ViewHolder viewHolder;
        if(convertView == null) {
            view = LayoutInflater.from(getContext()).inflate(resourceId, parent, false);
            viewHolder = new ViewHolder();
            viewHolder.fruitImage  = (ImageView) view.findViewById(R.id.fruit_image);
            viewHolder.fruitName = (TextView) view.findViewById(R.id.fruit_name);
            view.setTag(viewHolder);
        }else{
            view = convertView;
            viewHolder = (ViewHolder) view.getTag();
        }

        viewHolder.fruitImage.setImageResource(fruit.getImageId());
        viewHolder.fruitName.setText(fruit.getName());
        return view;
    }

    private class ViewHolder {
        ImageView fruitImage;
        TextView fruitName;
    }
}

新增一个内部类ViewHolder，用于对控件的实例进行缓存。当convertView为null的时候创建一个ViewHolder并将控件的实例都存放在ViewHolder里，setTag()存放在View中。这样所有的空间的实例都缓存在了ViewHolder里，就没有必要每次都通过findViewById()方法来获取控件的实例。

ListView的点击事件

滚动只是我们的视觉上的效果，如果不能点击的话，是不是显得很没有用。

修改Manifest:


public class MainActivity extends AppCompatActivity {

    private final static String Tag = "MainActivity";

    private List<Fruit> fruitList = new ArrayList<>();



    private String[] data = {"huchi","huchi","huchi","huchi","huchi",
            "huchi","huchi","huchi","huchi","huchi","huchi","huchi",
            "huchi","huchi","huchi","huchi","huchi","huchi","huchi"
    };

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initFruits();
        FruitAdapter fruitAdapter = new FruitAdapter(MainActivity.this, R.layout.fruit_item , fruitList);

        ListView listview = (ListView) findViewById(R.id.list_view);
        listview.setAdapter(fruitAdapter);

        listview.setOnItemClickListener(new AdapterView.OnItemClickListener(){
            @Override
            public void onItemClick(AdapterView<?>parent, View view, int position, long id){
                Fruit fruit = fruitList.get(position);
                Toast.makeText(MainActivity.this, fruit.getName(), Toast.LENGTH_LONG).show();
            }
        });

    }

    private void initFruits(){
        for(int i = 0; i < 2; i++){
            Fruit apple = new Fruit("Apple", R.drawable.apple_pic);
            fruitList.add(apple);
            Fruit banana = new Fruit("Banana", R.drawable.apple_pic);
            fruitList.add(banana);
            Fruit orange = new Fruit("Orange", R.drawable.apple_pic);
            fruitList.add(orange);
            Fruit watermelon = new Fruit("watermelon", R.drawable.apple_pic);
            fruitList.add(watermelon);
            Fruit cherry = new Fruit("Cherry", R.drawable.apple_pic);
            fruitList.add(cherry);
            Fruit huchi = new Fruit("huchi", R.drawable.apple_pic);
            fruitList.add(huchi);
        }
    }
}

可以看到使用了setOnItemClickListener()方法为ListView注册了一个监听器。当用户点击时就会回调onItemClick()方法。通过position可以判断点击的是哪一个子项，然后获得相应的实例，并通过Toast显示其名称。

RecyclerView

ListView需要一些技能提高性能，而且扩展性不好，只能实现数据纵向的滚动。

RecyclerView是一个更加强大的滚动控件。而且还优化了ListView中存在的各种问题。

新建一个新的项目(或者… (:D)：

基本用法

修改app/build.gradle：

dependencies {
    compile fileTree(dir: 'libs', include: ['*.jar'])
    androidTestCompile('com.android.support.test.espresso:espresso-core:2.2.2', {
        exclude group: 'com.android.support', module: 'support-annotations'
    })

    compile 'com.android.support:appcompat-v7:25.3.0'
    compile 'com.android.support:recyclerview-v7:25.3.0'
    testCompile 'junit:junit:4.12'
}

→Sync Now

我新建了一个xml(或者你可以直接改main):

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:id="@+id/Recycleview"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <android.support.v7.widget.RecyclerView
        android:id="@+id/RecycleView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        />


</LinearLayout>

由于RecycleView不是内置在系统SDK当中的，所以需要把完整的包路径写出来。

由于我没有新建啦，就兴建了一个empty Activity;

我新建了FruitAdapterNew……..

public class FruitAdapterNew extends RecyclerView.Adapter<FruitAdapterNew.ViewHolder> {

    private List<Fruit> mFruitList;

    static class ViewHolder extends RecyclerView.ViewHolder{
        ImageView fruitImage;
        TextView fruitName;

        public ViewHolder(View view){
            super(view);
            fruitImage = (ImageView) view.findViewById(R.id.fruit_image);
            fruitName = (TextView) view.findViewById(R.id.fruit_name);

        }

    }

    public FruitAdapterNew(List<Fruit> fruitList){
        mFruitList = fruitList;
    }

    @Override
    public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        View view = LayoutInflater.from(parent.getContext()).
                inflate(R.layout.fruit_item, parent, false);
        ViewHolder holder = new ViewHolder(view);
        return holder;
    }

    @Override
    public void onBindViewHolder(ViewHolder holder, int position) {
        Fruit fruit = mFruitList.get(position);
        holder.fruitImage.setImageResource(fruit.getImageId());
        holder.fruitName.setText(fruit.getName());
    }

    @Override
    public int getItemCount() {
        return mFruitList.size();
    }
}

为我们的RecyclerView准备一个适配器。其中ViewHolder是我们在FruitAdapter中定义的一个内部类。这个内部类继承自RecyclerView.ViewHolder。然后ViewHolder的构造函数中要传入一个View参数 ，即RecycleView子项的最外层布局。获得布局后就可以获得期中的控件。

FruitAdapterNew中将传进来的数据源赋值给一个全局变量，之后的操作均在这个全局变量上进行。

FruitAdapterNew继承了RecyclerView.Adapter，就需要重写三个方法：

onCreateViewHolder()方法用于创建ViewHolder实例的，我们在这个方法中将fruit_item布局加载进来。然后把加载出来的布局传入到构造函数中。最后将ViewHolder返回。onBindViewHolder()方法是用于对RecyclerView子项的数据进行赋值的，会在每个子项被滚动到屏幕内的时候执行，这里我们通过position参数得到当前项的fruit.。getItemCount()返回有多少子项。

修改Activity的：

package com.example.wrjjrw.listviewtest;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;

import java.util.ArrayList;
import java.util.List;

public class Main2Activity extends AppCompatActivity {

    private List<Fruit> fruitList = new ArrayList<>();

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_recycle);

        initFruits();
        RecyclerView recyclerView = (RecyclerView) findViewById(R.id.RecycleView);
        LinearLayoutManager linearLayoutManager = new LinearLayoutManager(this);
        recyclerView.setLayoutManager(linearLayoutManager);
        FruitAdapterNew adapter = new FruitAdapterNew(fruitList);
        recyclerView.setAdapter(adapter);

    }

    private void initFruits(){
        for(int i = 0; i < 2; i++){
            Fruit apple = new Fruit("Apple", R.drawable.apple_pic);
            fruitList.add(apple);
            Fruit banana = new Fruit("Banana", R.drawable.apple_pic);
            fruitList.add(banana);
            Fruit orange = new Fruit("Orange", R.drawable.apple_pic);
            fruitList.add(orange);
            Fruit watermelon = new Fruit("watermelon", R.drawable.apple_pic);
            fruitList.add(watermelon);
            Fruit cherry = new Fruit("Cherry", R.drawable.apple_pic);
            fruitList.add(cherry);
            Fruit huchi = new Fruit("huchi", R.drawable.apple_pic);
            fruitList.add(huchi);
        }
    }
}

我们在这里首先获得了RecyclerView的实例，然后创建了一个LinearLayoutManager对象，并将他设置到RecyclerView的布局中。linearLinayoutManager用于指定一个RecyclerView的布局方式，这里使用的类似ListView。接下来我们创建了FruitAdapter的实例，并将水果数据传入FruitAdapter的构造函数，最后调用RecyclerView的setAdapter()方法完成适配器，完成RecyclerView和数据之间的关联。

跑路

横向滚动和瀑布流布局

先来实现横向滚动：

fruit_item.xml:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="100dp"
    android:layout_height="wrap_content">

    <ImageView
        android:id="@+id/fruit_image"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        />

    <TextView
        android:id="@+id/fruit_name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        />

</LinearLayout>

将每个水果的长度设为100dp会比较好看

Activity里面的：

public class Main2Activity extends AppCompatActivity {

    private List<Fruit> fruitList = new ArrayList<>();

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_recycle);

        initFruits();
        RecyclerView recyclerView = (RecyclerView) findViewById(R.id.RecycleView);
        LinearLayoutManager linearLayoutManager = new LinearLayoutManager(this);
        linearLayoutManager.setOrientation(LinearLayoutManager.HORIZONTAL);

        recyclerView.setLayoutManager(linearLayoutManager);
        FruitAdapterNew adapter = new FruitAdapterNew(fruitList);
        recyclerView.setAdapter(adapter);

    }

    private void initFruits(){
        for(int i = 0; i < 2; i++){
            Fruit apple = new Fruit("Apple", R.drawable.apple_pic);
            fruitList.add(apple);
            Fruit banana = new Fruit("Banana", R.drawable.apple_pic);
            fruitList.add(banana);
            Fruit orange = new Fruit("Orange", R.drawable.apple_pic);
            fruitList.add(orange);
            Fruit watermelon = new Fruit("watermelon", R.drawable.apple_pic);
            fruitList.add(watermelon);
            Fruit cherry = new Fruit("Cherry", R.drawable.apple_pic);
            fruitList.add(cherry);
            Fruit huchi = new Fruit("huchi", R.drawable.apple_pic);
            fruitList.add(huchi);
        }
    }

}

只加了一句话。调用了linearLayoutManager的setOrientation()方法【他默认是纵向排列的】，现在改为横向的。

ListView的布局排列是由自身去管理，RecyclerView则将这个工作交给了LayoutManager，LayoutManager中制定了一套可扩展的布局排列接口，子类只要按照接口的规范来实现，就能定制出各种不同排列方式的布局了。

除了LinearLayoutManager外，还有GridLayoutManager和StaggeredGridLayoutManager这两种内置的布局排列方式。GridLayoutManager可以用于实现网格布局，后者可以实现瀑布流布局。

先来瀑布流布局。

fruit_item.xml：

<?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="wrap_content"
    android:layout_margin="5dp"
    >

    <ImageView
        android:id="@+id/fruit_image"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        />

    <TextView
        android:id="@+id/fruit_name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:layout_marginLeft="10dp"
        android:layout_marginRight="10dp"
        />

</LinearLayout>

再改一下Activity:

public class Main2Activity extends AppCompatActivity {

    private List<Fruit> fruitList = new ArrayList<>();

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_recycle);

        initFruits();
        RecyclerView recyclerView = (RecyclerView) findViewById(R.id.RecycleView);
        StaggeredGridLayoutManager layoutManager =
                new StaggeredGridLayoutManager(3, StaggeredGridLayoutManager.VERTICAL);

        recyclerView.setLayoutManager(layoutManager);
        FruitAdapterNew adapter = new FruitAdapterNew(fruitList);
        recyclerView.setAdapter(adapter);

    }

    private void initFruits(){
        for(int i = 0; i < 2; i++){
            Fruit apple = new Fruit("Apple", R.drawable.apple_pic);
            fruitList.add(apple);
            Fruit banana = new Fruit("Banana", R.drawable.apple_pic);
            fruitList.add(banana);
            Fruit orange = new Fruit("Orange", R.drawable.apple_pic);
            fruitList.add(orange);
            Fruit watermelon = new Fruit("watermelon", R.drawable.apple_pic);
            fruitList.add(watermelon);
            Fruit cherry = new Fruit("Cherry", R.drawable.apple_pic);
            fruitList.add(cherry);
            Fruit huchi = new Fruit("huchi", R.drawable.apple_pic);
            fruitList.add(huchi);
            Fruit randomOne = new Fruit(getRandomLengthName("randomOne"), R.drawable.apple_pic);
            fruitList.add(randomOne);
            Fruit randomTwo = new Fruit(getRandomLengthName("randomTwo"), R.drawable.apple_pic);
            fruitList.add(randomTwo);
            Fruit randomThree = new Fruit(getRandomLengthName("randomThree"), R.drawable.apple_pic);
            fruitList.add(randomThree);
        }
    }


    private String getRandomLengthName(String name){
        Random random = new Random();
        int length = random.nextInt(20) + 1;
        StringBuilder builder = new StringBuilder();
        for(int i = 0; i < length; ++i){
            builder.append(name);
        }
        return builder.toString();
    }

}

如果都比较短的话，看起来和网格布局差不多。StaggeredGridLayoutManager(3, StaggeredGridLayoutManager.VERTICAL);可以看到三列，垂直。

RecyclerView的点击事件

RecyclerView抛弃了ListView的子项点击的监听器，所有的事件都是由具体的View去注册。

修改FruitAdapterNew:

public class FruitAdapterNew extends RecyclerView.Adapter<FruitAdapterNew.ViewHolder> {

    private List<Fruit> mFruitList;

    static class ViewHolder extends RecyclerView.ViewHolder{
        View fruitView;
        ImageView fruitImage;
        TextView fruitName;

        public ViewHolder(View view){
            super(view);
            fruitView = view;
            fruitImage = (ImageView) view.findViewById(R.id.fruit_image);
            fruitName = (TextView) view.findViewById(R.id.fruit_name);

        }

    }

    public FruitAdapterNew(List<Fruit> fruitList){
        mFruitList = fruitList;
    }

    @Override
    public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        View view = LayoutInflater.from(parent.getContext()).
                inflate(R.layout.fruit_item, parent, false);
        final ViewHolder holder = new ViewHolder(view);
        holder.fruitView.setOnClickListener(new View.OnClickListener(){
            @Override
            public void onClick(View v){
                int position = holder.getAdapterPosition();
                Fruit fruit = mFruitList.get(position);
                Toast.makeText(v.getContext(), "you clicked view" + fruit.getName(),
                        Toast.LENGTH_LONG).show();
            }
        });
        holder.fruitImage.setOnClickListener(new View.OnClickListener(){
            @Override
            public void onClick(View v){
                int position = holder.getAdapterPosition();
                Fruit fruit = mFruitList.get(position);
                Toast.makeText(v.getContext(), "you clicker image" + fruit.getName(),
                        Toast.LENGTH_LONG).show();
            }
        });

        return holder;
    }

    @Override
    public void onBindViewHolder(ViewHolder holder, int position) {
        Fruit fruit = mFruitList.get(position);
        holder.fruitImage.setImageResource(fruit.getImageId());
        holder.fruitName.setText(fruit.getName());
    }

    @Override
    public int getItemCount() {
        return mFruitList.size();
    }
}

增添了fruitView变量存储子项最外层布局的实例。然后给fruitView和fruitImage都注册了点击事件。

TextView没有注册事件，但点击时会被子项的最外层布局捕获到。

下次贴书上的练习。

问题：

问：tools:context=”.MainActivity”这到底是什么鬼？

tools:context=”activity name”这一句不会被打包进APK。只是ADT的Layout Editor在你当前的Layout文件里面设置对应的渲染上下文，说明你当前的Layout所在的渲染上下文是activity name对应的那个activity，如果这个activity在manifest文件中设置了Theme，那么ADT的Layout Editor会根据这个Theme来渲染你当前的Layout。就是说如果你设置的MainActivity设置了一个Theme.Light（其他的也可以），那么你在可视化布局管理器里面看到的背景阿控件阿什么的就应该是Theme.Light的样子。仅用于给你看所见即所得的效果而已。source

问：遇到一个问题：如下

Error:Failed to resolve: com.android.support.recycleview-v7:25.3.0:
Install Repository and sync project
Open File

答：你打错了标点符号。。。。。。。

小哧
关注
专栏目录
第一行代码Android第三章3.5-3.7(ListView控件,Recycler控件,实践:编写精美的聊天界面）
XXX_17的博客
07-12 395
Android：ListView控件,Recycler控件,实践:编写精美的聊天界面
定制ListView的界面（使用自定义的列表项布局，一边显示水果图片，一边显示水果文字）以及ListView的点击事件
Android_小牧的博客
01-07 3873
只能显示一段文本的ListView实在是太过单调，我们现在就来对ListView的界面进行定制，让它可以显示更加丰富的内容。 首先，我们需要准备好一组水果图片，分别对应上面提供的每一种水果，待会我们要让这些水果名称的旁边都有一个图样。   接着定义一个实体类，作为ListView适配器的适配类型。新建类Fruit，代码如下： package com.example.adminis...
安卓微博评论
hd15762186507的博客
05-12 347
第一步，添加水果列表的代码。打开Fruit.java,添加变量：private String text;和private String time;分别的评论部分和显示时间的部分。添加Source-Generate Constructor using Fields,确定；再添加Getter、Setter方法。 第二步，这个时候系统会报错，打开MainActivity.java，修改initFrui
[Android]inflate解析
Runstoppable的博客
05-09 660
常用inflate方法： inflate(int resource, ViewGroup root, boolean attachToRoot) 第一个参数xml布局资源索引，第二个参数指的是加载布局的root Optional view to be the parent of the generated hierarchy (if attachToRoot is true), or else...
inflater.inflate()方法的理解
01-05 783
View inflate(int resource, @Nullable ViewGroup root)View inflate(int resource, @Nullable ViewGroup root, boolean attachToRoot) root Optional view to be the parent of the generated hierarchy (if at
android通过拼音搜索中文的功能实现代码
01-21
坚持不一定成功，但放弃一定很舒服！（开玩笑(#^.^#)） 回归正题，今天我要记录的是拼音搜索功能，我记得16年的时候做过这个功能。现在已经忘记很多细节了，所以这次好好写一写！ 第一步：准备 第三方包——中文转...
Android面经：我的阿里春招之路分享，五面后终拿到Offer
m0_66264569的博客
02-02 293
大概问题如下： android中的dp、px、dip相关概念 handler机制，四个组成部分及源码解析 布局相关的、控件作用及实现原理 android中的布局优化 relativelayout和LinearLayout在实现效果同等情况下选择使用哪个？为什么？ view的工作原理及measure、layout、draw流程，要求了解源码 怎样自定义一个弹幕控件？ 如果控件内部卡顿你如何去解决并优化？ listview的缓存机制 Invalidate、postInvalidate、requestLayou
Android-UI组件合集，Android开发不得不会
m0_65146275的博客
12-31 1602
Android-ViewPagerIndicator 滑动页面几乎成了现在国内的应用的标配了，尤其在你第一次安装/启动应用时， 总会有几张介绍页面让你滑动显示。 用它吧，不会辜负你的。 Android-PullToRefresh 你不陌生， 在列表或者视图的顶部或者底部拖动可以刷新数据和页面。可以和ListView、ExpandableListView、GridView、WebView、ScrollView、HorizontalScrollView、ViewPager配合使用。 picasso 强大的.
android播放视频！Android多线程实现方式及并发与同步，深度好文
fanzhang_vip0723的博客
03-11 481
前言 本人毕业于非211、985一本，学的是计算机网络，大一在一位师哥的引导下接触了Android开发，随着近一步的接触，慢慢的喜欢上了Android开发。于是大二开始，我开始自学Android开发。 大四的时候开始找实习工作， 因为喜欢Android开发，找的都是Android开发岗位，最后经过一段时间的面试，拿到了阿里的实习offer。 今天就分享一下我的阿里面经和面试前的准备和学习方法，希望的想进大厂实习的同学提供一些帮助。 笔记部分展示 全部资料展示 PS：由于文章篇幅问题，小编挑了一个大家应该都
Android学习笔记（十）
weixin_30692143的博客
07-13 81
Android控件——ListView ListView允许用户通过手指上下滑动的方式将屏幕外的数据滚动到屏幕内，同时 屏幕上原有的数据则会滚动出屏幕。 1.ListView的简单用法 新建一个ListViewTest项目，修改activity_main.xml中的代码，如下所示： <LinearLayout xmlns:android="http://schemas.a...
安卓学习之路-RecyclerView的简单用法
菜得一批的博客
08-26 7797
日常唠嗑 唔，今天早上想了很多，主要是想自己能不能通过面试得到工作。于是乎就跑到力扣看了看，好吧，我好像对算法啥的还是小白啊，瞬间就有点慌，担心会被问到（同学告诉我这是一定会问到的），小小的沮丧了一下，不过还是想着，无论如何，遇到困难遇到不会的，那就学吧，抓紧时间学习才是正道啊，一味地抱怨沮丧只会让自己走歪。 好吧，唠嗑完了回归正题。其实RecyclerView我之前有简单的提一下，但是还是重新来好了！ RecyclerView 这是一个类似ListView一样的列表控件，但是功能却极其强大，可以说是增强版
RecyclerView使用解析（二）——实现瀑布流
铁铮的博客
07-19 236
主Acticvity的XML: <androidx.recyclerview.widget.RecyclerView android:id="@+id/recycler_viewh" android:layout_width="match_parent" android:layout_height="match_parent" /> item.xml: <LinearLayout xmlns:android="http:/...
Android学习第6篇——定制ListView界面
honeykee的博客
03-23 1519
一、定制显示图片加文本的ListView，效果图：1、准备好一组图片，分别对应上面提供的每一种水果，待会我们要让这些水果名称的旁边都有一个图样 2.定义一个实体类，作为 ListView 适配器的适配类型。新建类 Fruit：public class Fruit { private String name; private int imageId; public Fruit...
使用LayoutInflater布局显示异常
千与千寻中
01-23 1766
相信在实际开发中一下代码会被经常使用。LayoutInflater.from(this).inflate(R.layout.popup_choose_type, null); 可能我们习惯性的写法就是上面酱紫啦，但是在AS中，上面的这段话会被报警告的。 这个都不是重点，重点是大家一定遇到过在inflate某个布局时，如果这样写了之后，那么它的父布局上面的padding或者margin的属性一定会没
Android实战简易教程-第五枪（ListView用法研究）
张亚运的专栏
05-30 1337
Android用的最多的，也最难用的应该就是ListView了，下面我们研究一下它的用法。 一、最简单的ListView 我们简单介绍一下ListView的最简单用法，不用布局文件： package org.lxh.demo; import android.app.Activity; import android.os.Bundle; import android.widget.A
新浪微博—随便看看
mulilis的博客
05-13 264
第一步，导入水果列表的代码。然后打开Fruit.java,添加变量：private String text;和private String time;分别的评论部分和显示时间的部分。添加Source-Generate Constructor using Fields,确定；再添加Getter、Setter方法。 第二步，这个时候系统会报错，打开MainActivity.java，修改init
<第二行代码>中的新闻应用
oeaaa_222的博客
05-19 1108
这个应用分五个部分 1.News类 2.内容碎片及布局 3.内容活动及布局 4.标题碎片及布局 5.主活动及布局   由于会用到recyclerview，所以先添加依赖库 compile 'com.android.support:recyclerview-v7:24.2.1'     1.News类 是新闻实体类，封装了标题和内容 package com.scx04040
安卓学习-（滚动布局：RecyclerView）
管家 的博客
09-02 397
9、RecyclerView 由于RecyclerView属于新增控件，所以 在app/build.gradle中添加如下代码： dependencies { compile fileTree(dir: 'libs', include: ['*.jar']) testCompile 'junit:junit:4.12' compile 'com.android.support:a
Android入门经典：Android in Action 第三版英文版
在Android开发领域，"Android in Action" 第三版提供了一套全面的学习路径，涵盖了从基础概念到高级技术的多个层面。这本书的作者们都是该领域的专家，他们以清晰易懂的语言和丰富的实例帮助读者掌握Android开发的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值