团队项目-第一阶段冲刺-2

一、说在前面

昨   天	完成了： 1、环境搭建；2、设计思路；3、实现新闻列表；4、实现简单轮播图。
今   天	1、实现底部导航；2、实现搜索框。
遇到问题	实现搜索框时，ListPopupWindow 、EditText和软键盘，发生了事件冲突，即弹出ListPopup Window 以后ListPopupWindow 就获得了焦点导致EditText无法输入（1.5h） 解决方法：对ListPopupWindow 仅仅设置显示和销毁，把对ListPopupWindow 的监听放在 适配器中。

 

二、冲刺成果

 三、设计思路

1、更新，新闻列表界面的布局：

<FrameLayout 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="com.me.fragment.ListFragment">

    <LinearLayout
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <LinearLayout
            android:background="#009688"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal">

            <EditText
                android:id="@+id/word"
                android:layout_width="350sp"
                android:layout_height="wrap_content"
                android:layout_margin="10dp"
                android:ems="18"
                android:background="@drawable/fillet"
                android:textColorHint="#C0C0C0"
                android:inputType="textPersonName"
                android:hint="新闻关键字"
                android:textSize="24dp"/>
            <ImageView
                android:id="@+id/iv_search"
                android:layout_width="30dp"
                android:layout_height="30dp"
                android:layout_marginTop="20dp"
                android:src="@mipmap/search" />
            <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textSize="24dp"
                android:text="发布"
                android:textColor="#ffffff"
                android:background="#009688"
                android:layout_margin="5dp"/>
        </LinearLayout>

        <com.me.view.ImgViewGroup
            android:id="@+id/img_view_group"
            android:layout_width="match_parent"
            android:layout_height="200dp" />


        <androidx.recyclerview.widget.RecyclerView
            android:id="@+id/rv_news"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />
    </LinearLayout>

</FrameLayout>

2、编写ListPopupWindow 的数据项的布局：

<?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="wrap_content"
    android:clickable="true"
    android:foreground="?attr/selectableItemBackground"
    android:orientation="vertical">

    <androidx.cardview.widget.CardView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_marginLeft="8dp"
        android:layout_marginTop="8dp"
        android:layout_marginRight="8dp">

        <androidx.constraintlayout.widget.ConstraintLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent">

            <TextView
                android:id="@+id/tv_name"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:textSize="24dp"
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintEnd_toStartOf="@+id/guideline"
                app:layout_constraintStart_toStartOf="parent"
                app:layout_constraintTop_toTopOf="parent" />

            <ImageView
                android:layout_width="30dp"
                android:layout_height="30dp"
                android:src="@drawable/to_24dp"
                app:layout_constraintBottom_toBottomOf="@+id/tv_name"
                app:layout_constraintEnd_toEndOf="parent"
                app:layout_constraintStart_toEndOf="@+id/tv_name"
                app:layout_constraintTop_toTopOf="@+id/tv_name" />

            <androidx.constraintlayout.widget.Guideline
                android:id="@+id/guideline"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:orientation="vertical"
                app:layout_constraintGuide_percent="0.9" />
        </androidx.constraintlayout.widget.ConstraintLayout>
    </androidx.cardview.widget.CardView>
</LinearLayout>

3、编写ListPopupWindow 的适配器，实现：1）数据项的显示。2）点击数据项的监听事件。

package com.me.adapter;

import android.content.Intent;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.EditText;
import android.widget.ImageView;
import android.widget.TextView;

import androidx.appcompat.widget.ListPopupWindow;

import com.me.domain.New;
import com.me.news.NewsActivity;
import com.me.news.R;

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

public class ListPopupWindowAdapter extends BaseAdapter {
    private List<New> list = new ArrayList<New>();
    private EditText editText ;
    private ListPopupWindow mListPop  ;
    private ImageView imageView;

    public void setImageView(ImageView imageView) {
        this.imageView = imageView;
    }

    public void setmListPop(ListPopupWindow mListPop) {
        this.mListPop = mListPop;
    }

    public void setEditText(EditText editText) {
        this.editText = editText;
    }

    public void setList(List<New> list) {
        this.list = list;
    }

    @Override
    public int getCount() {
        return list.size();
    }

    @Override
    public Object getItem(int position) {
        return list.get(position);
    }

    @Override
    public long getItemId(int position) {
        return position;
    }

    @Override
    public View getView(final int position, View convertView, ViewGroup parent) {

        View inflate = LayoutInflater.from(parent.getContext()).inflate(R.layout.item_search, null);
        TextView name = inflate.findViewById(R.id.tv_name);
        name.setText(list.get(position).getTitle());
        name.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                editText.setText(list.get(position).getTitle());
                mListPop.dismiss();
            }
        });
        imageView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Intent intent = new Intent(v.getContext(), NewsActivity.class);
                intent.putExtra("url",list.get(position).getUrl());
                v.getContext().startActivity(intent);
            }
        });
        return inflate;
    }

}

4、更新新闻列表界面的逻辑代码：

public class ListFragment extends Fragment implements ImgViewGroupLister {

    private EditText mEditText;
    private ImgViewGroup imgViewGroup ;
    private ImageView imageView;
    private News news = new News();
    private RecyclerView recyclerView;
    private ListFragment.SentUrlTask sentUrlTask;
    private SearchTask searchTask;
    private NewAdapter adapter = new NewAdapter();
    private String [] url = new String[5];
    private ListPopupWindow mListPop  ;
    private List<New> lists = new ArrayList<New>();
    private ListPopupWindowAdapter adapter_ = new ListPopupWindowAdapter();

    public ListFragment() {
        // Required empty public constructor
    }

    @Override
    public void onDestroy() {
        super.onDestroy();
        if (sentUrlTask != null) {
            sentUrlTask.cancel(true);
        }
        if (searchTask != null) {
            searchTask.cancel(true);
        }
        if (mListPop != null) {
            mListPop.dismiss();
        }
    }

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        View inflate = inflater.inflate(R.layout.fragment_list, container, false);
        imgViewGroup = inflate.findViewById(R.id.img_view_group);
        recyclerView = inflate.findViewById(R.id.rv_news);
        mEditText = inflate.findViewById(R.id.word);
        imageView = inflate.findViewById(R.id.iv_search);
        adapter_.setEditText(mEditText);
        adapter_.setImageView(imageView);
        return inflate;
    }

    @Override
    public void onActivityCreated(@Nullable Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);
        sentUrlTask = new ListFragment.SentUrlTask("http://3g.163.com/touch/reconstruct/article/list/BBM54PGAwangning/0-20.html");
        sentUrlTask.execute();
        searchTask = new SearchTask();

        mListPop = new ListPopupWindow(requireContext());
        adapter_.setmListPop(mListPop);
        mListPop.setAdapter(adapter_);

        mListPop.setWidth(ViewGroup.LayoutParams.WRAP_CONTENT);
        mListPop.setHeight(ViewGroup.LayoutParams.WRAP_CONTENT);
        mListPop.setAnchorView(mEditText);//设置ListPopupWindow的锚点，即关联PopupWindow的显示位置和这个锚点

        mEditText.addTextChangedListener(new TextWatcher() {
            @Override
            public void beforeTextChanged(CharSequence s, int start, int count, int after) {

            }

            @Override
            public void onTextChanged(CharSequence s, int start, int before, int count) {
                String url = "";
                Log.e("mytag",s.toString());
            }

            @Override
            public void afterTextChanged(Editable s) {
                mListPop.show();

            }
        });
        mEditText.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
//                mListPop.show();
            }
        });

    }

    @Override
    public void clickImg(String url) {
       /* //代码实现跳转
        Intent intent = new Intent();
        intent.setAction("android.intent.action.VIEW");
        Uri content_url = Uri.parse(url);//此处填链接
        intent.setData(content_url);
        startActivity(intent);*/
        Intent intent = new Intent(requireContext(), NewsActivity.class);
        intent.putExtra("url",url);
        startActivity(intent);

    }

    private class SearchTask extends AsyncTask<Void,Void,String> {

        private  String url;

        public void setUrl(String url) {
            this.url = url;
        }

        @Override
        protected String doInBackground(Void... voids) {
            return HttpUtil.setUrl(url);
        }

        @Override
        protected void onPostExecute(@NonNull String s) {
            super.onPostExecute(s);
            Gson gson = new Gson();
            String ss = s.substring(9,s.length()-1);
            news = gson.fromJson(ss, News.class);
            adapter.setData(news.getBBM54PGAwangning());

            imgViewGroup.setLister(ListFragment.this);
            String [] url = new String[5];
            for (int i = 0; i < 5; i++) {
                MyImageView img = new MyImageView(requireContext());
                img.setScaleType(ImageView.ScaleType.CENTER_CROP);
                img.setImageURL(news.getBBM54PGAwangning().get(i).getImgsrc());
                lists.add(news.getBBM54PGAwangning().get(i));
                //在activity中获取手机宽度
                DisplayMetrics dm = new DisplayMetrics();
                requireActivity().getWindowManager().getDefaultDisplay().getMetrics(dm);
                int max_x = dm.widthPixels;
                //在activity中设置 图片的宽度
                img.setLayoutParams(new RecyclerView.LayoutParams(max_x, ViewGroup.LayoutParams.WRAP_CONTENT));
                imgViewGroup.addView(img);
                url[i] =  news.getBBM54PGAwangning().get(i).getUrl();
            }
            imgViewGroup.setUrl(url);
            //Toast.makeText(requireContext(),"url = " + news.getBBM54PGAwangning().get(0).getImgsrc(),Toast.LENGTH_SHORT).show();
            recyclerView.setAdapter(adapter);
            recyclerView.setLayoutManager(new LinearLayoutManager(requireContext()));
            recyclerView.setAdapter(adapter);
            Log.e("new-ss:",news.getBBM54PGAwangning().get(0).getTitle());
        }
    }


    private class SentUrlTask extends AsyncTask<Void,Void,String> {

        private  String url;

        public SentUrlTask(String url) {
            this.url = url;
        }

        @Override
        protected String doInBackground(Void... voids) {
            return HttpUtil.setUrl(url);
        }

        @Override
        protected void onPostExecute(@NonNull String s) {
            super.onPostExecute(s);
            Gson gson = new Gson();
            String ss = s.substring(9,s.length()-1);
            news = gson.fromJson(ss, News.class);
            adapter.setData(news.getBBM54PGAwangning());

            imgViewGroup.setLister(ListFragment.this);
            String [] url = new String[5];
            for (int i = 0; i < 5; i++) {
                MyImageView img = new MyImageView(requireContext());
                img.setScaleType(ImageView.ScaleType.CENTER_CROP);
                img.setImageURL(news.getBBM54PGAwangning().get(i).getImgsrc());
                lists.add(news.getBBM54PGAwangning().get(i+12));
                adapter_.setList(lists);
                //在activity中获取手机宽度
                DisplayMetrics dm = new DisplayMetrics();
                requireActivity().getWindowManager().getDefaultDisplay().getMetrics(dm);
                int max_x = dm.widthPixels;
                //在activity中设置 图片的宽度
                img.setLayoutParams(new RecyclerView.LayoutParams(max_x, ViewGroup.LayoutParams.WRAP_CONTENT));
                imgViewGroup.addView(img);
                url[i] =  news.getBBM54PGAwangning().get(i).getUrl();
            }
            imgViewGroup.setUrl(url);
            //Toast.makeText(requireContext(),"url = " + news.getBBM54PGAwangning().get(0).getImgsrc(),Toast.LENGTH_SHORT).show();
            recyclerView.setAdapter(adapter);
            recyclerView.setLayoutManager(new LinearLayoutManager(requireContext()));
            recyclerView.setAdapter(adapter);
            Log.e("new-ss:",news.getBBM54PGAwangning().get(0).getTitle());
        }
    }
}