Fragment在Activity中跳转,实现类似新闻标题跳转新闻内容功能

1.准备的工作,新闻数据类,新闻数据适配器,适配器的布局:

News.java

package com.example.zps.fourfragmentbestpractice;

/**

 * Created by zps on 2015/9/1.

 */

public class News {

    private String title;

    private String content;

    public String getTitle() {

        return title;

    }

    public void setTitle(String title) {

        this.title = title;

    }

    public String getContent() {

        return content;

    }

    public void setContent(String content) {

        this.content = content;

    }

}

NewsAdapter.java

package com.example.zps.fourfragmentbestpractice;

import android.content.Context;

import android.view.LayoutInflater;

import android.view.View;

import android.view.ViewGroup;

import android.widget.ArrayAdapter;

import android.widget.TextView;

import java.util.List;

/**

 * Created by zps on 2015/9/1.

 */

public class NewsAdapter extends ArrayAdapter<News>{

    private  int resourceId;

    public NewsAdapter(Context context, int resource, List<News> objects) {

        super(context, resource, objects);

        resourceId = resource;

    }

    @Override

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

        //实际上就是获取适配器的布局,不过要通过其他类实例化使用

        News news = getItem(position);

        View view;

        if(convertView==null){

            view = LayoutInflater.from(getContext()).inflate(resourceId,null);

        }else {

            view = convertView;

        }

        //适配器布局中的TextView获取到news的数据;

        TextView newsTitleText = (TextView)view.findViewById(R.id.news_item_news_title);

        newsTitleText.setText(news.getTitle());

        return view;

    }

}

news_adapter.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">

    <TextView

        android:id="@+id/news_item_news_title"

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:ellipsize="end"

        android:paddingBottom="15dp"

        android:paddingLeft="10dp"

        android:paddingRight="10dp"

        android:paddingTop="15dp"

        android:singleLine="true"

        android:textSize="18sp"

        />

</LinearLayout>

2 . 实现新闻标题页面:

首先里面子布局用fragment实现,frament用自定义Fragment类来实现fragment布局的功能,比如跳转到另一个fragment;

然后,在总体布局的页面通过自定义的Fragment类加载fragment布局;

最后,用一个活动类来实现总布局页面;

news_title_fragment.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">

    <ListView

        android:id="@+id/news_title_list_view"

        android:layout_width="match_parent"

        android:layout_height="match_parent"></ListView>

</LinearLayout>

NewsTitleFragment.java

package com.example.zps.fourfragmentbestpractice;

import android.app.Activity;

import android.os.Bundle;

import android.support.v4.app.Fragment;

import android.view.LayoutInflater;

import android.view.View;

import android.view.ViewGroup;

import android.widget.AdapterView;

import android.widget.ListView;

import java.util.ArrayList;

import java.util.List;

/**

 * Created by zps on 2015/9/1.

 */

public class NewsTitleFragment extends Fragment implements AdapterView.OnItemClickListener {

    private List<News> listNews;

    private ListView newsTitleListView;

    private NewsAdapter adapter;

    private boolean isTwoPane;

//首先执行onAttach()对数据初始化

    @Override

    public void onAttach(Activity activity) {

        super.onAttach(activity);

        //获取模拟新闻数据

        listNews = getNews();

        //设置适配器的数据,适配器加载news_item.xml布局

        adapter = new NewsAdapter(activity, R.layout.news_adapter, listNews);

    }

//再执行onCreateView()对布局界面初始化

    @Override

    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {

        View view = inflater.inflate(R.layout.news_title_fragment, container, false);

        newsTitleListView = (ListView) view.findViewById(R.id.news_title_list_view);

        //取得适配器的数据,为news_title_frag.xml布局下的ListView视图的子视图设置适配器;

        newsTitleListView.setAdapter(adapter);

        newsTitleListView.setOnItemClickListener(this);

        return view;

    }

    @Override

    public void onActivityCreated(Bundle savedInstanceState) {

        super.onActivityCreated(savedInstanceState);

        if (getActivity().findViewById(R.id.news_content_layout)!=null) {

            isTwoPane = true;

        }else {

            isTwoPane = false;

        }

    }

    @Override

    public void onItemClick(AdapterView<?> parent, View view, int position, long id) {

       News news = listNews.get(position);

        if(isTwoPane){

            NewsContentFragment newsContentFragment = (NewsContentFragment)getFragmentManager()

                    .findFragmentById(R.id.news_content_fragment);

            newsContentFragment.refresh(news.getTitle(),news.getContent());

        }else {

         NewsContentActivity.actionStart(getActivity(),news.getTitle(),news.getContent());

        }

    }

    private List<News> getNews() {

        listNews = new ArrayList<>();

        News news1 = new News();

        news1.setTitle("会见连战等出席抗战胜利纪念活动的台湾各界代表人士");

        news1.setContent("新华网快讯：中共中央总书记１日上午在人民大会堂会见出席抗战胜利７０周年纪念活动的连战等台湾各界代表人士。");

        listNews.add(news1);

        News news2 = new News();

        news2.setTitle("9月2日-4日256条公交绕行或停驶");

        news2.setContent("北京市交通委表示，北京市公共交通运行将严格执行通告措施，按时尽快恢复公共交通运行，尽量减少对市民出行的影响。同时，在北京火车站等重点地区加大地面公交和出租保障措施，自9月2日20:00起至阅兵活动结束，公交、出租启动专项保障方案。\n" +

                "\n" +

                "地面公交方面，日班线路20路、25路、29路、39路、52路等5条日班线路，配车147部，每条线路增加5部机动车辆。可接驳地铁4号线、5号线、7号线和10号线四条地铁线路，确保抵京客流的及时疏散。\n" +

                "\n" +

                "夜班线夜17路、夜19路等2条夜班线路，配车8部，每条线路增加5部机动车辆，共配车18部。可接驳北京站东、北京焦化厂方向");

        listNews.add(news2);

        return listNews;

    }

}

news_title.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:orientation="vertical">

    <fragment

        android:layout_width="match_parent"

        android:layout_height="match_parent"

        android:id="@+id/news_title_fragment"

        android:name="com.example.zps.fourfragmentbestpractice.NewsTitleFragment"/>

</LinearLayout>

NewsTitleActivity.java

(注意:

因为所有的Fragment类是继承import android.support.v4.app.Fragment;(也可以继承import android.support.app.Fragment,我没精力去弄了)

所以FragmentActivity类要继承FragmentActivity 类)

package com.example.zps.fourfragmentbestpractice;

import android.os.Bundle;

import android.support.v4.app.FragmentActivity;

import android.view.Window;

public class NewsTitleActivity extends FragmentActivity {

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        requestWindowFeature(Window.FEATURE_NO_TITLE);

        setContentView(R.layout.news_title);

    }

}

3.实现新闻内容页面:

基本思路和实现新闻标题的一样,不同点:

NewsContentActivity活动类通过NewsTitleActivity中的命令:NewsContentActivity.actionStart(getActivity(),news.getTitle(),news.getContent())来得到数据,而不是通过news类直接获得;

news_content_fragment.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="match_parent"

    android:orientation="vertical">

    <LinearLayout

        android:id="@+id/visibility_layout"

        android:layout_width="match_parent"

        android:layout_height="match_parent"

        android:orientation="vertical"

        android:visibility="invisible">

        <TextView

            android:id="@+id/news_content_news_title"

            android:layout_width="match_parent"

            android:layout_height="wrap_content" />

        <ImageView

            android:layout_width="match_parent"

            android:layout_height="1dp"

            android:scaleType="fitXY"

            android:src="@drawable/spilt_line_line" />

        <TextView

            android:id="@+id/news_content_news_content"

            android:layout_width="match_parent"

            android:layout_height="0dp"

            android:layout_weight="1"

            android:padding="15dp"

            android:textSize="18sp"/>

    </LinearLayout>

        <ImageView

            android:layout_width="1dp"

            android:layout_height="match_parent"

            android:scaleType="fitXY"

            android:src="@drawable/split_line_vertical"/>

</RelativeLayout>

NewsContentFragment.java

package com.example.zps.fourfragmentbestpractice;

import android.os.Bundle;

import android.support.v4.app.Fragment;

import android.view.LayoutInflater;

import android.view.View;

import android.view.ViewGroup;

import android.widget.TextView;

/**

 * Created by zps on 2015/9/1.

 */

public class NewsContentFragment extends Fragment {

    private View view;

    @Override

    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {

        view = inflater.inflate(R.layout.news_content_fragment, container, false);

        return view;

    }

    //将新闻标题和内容显示在界面上

    public void refresh(String newsTitle, String newsContent) {

        View visibilityLayout = view.findViewById(R.id.visibility_layout);

        visibilityLayout.setVisibility(View.VISIBLE);

        TextView newsTitleText = (TextView) view.findViewById(R.id.news_content_news_title);

        TextView newsContentText = (TextView) view.findViewById(R.id.

                news_content_news_content);

        newsTitleText.setText(newsTitle);

        newsContentText.setText(newsContent);

    }

}

news_content.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">

<fragment

    android:id="@+id/news_content_fragment"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:name="com.example.zps.fourfragmentbestpractice.NewsContentFragment"/>

</LinearLayout>

NewsContentActivity.java

package com.example.zps.fourfragmentbestpractice;

import android.content.Context;

import android.content.Intent;

import android.os.Bundle;

import android.support.v4.app.FragmentActivity;

import android.view.Window;

/**

 * Created by zps on 2015/9/1.

 */

public class NewsContentActivity extends FragmentActivity {

    public static void actionStart(Context context, String newsTitle, String newsContent) {

        Intent intent = new Intent(context, NewsContentActivity.class);

        intent.putExtra("news_title", newsTitle);

        intent.putExtra("news_content", newsContent);

        context.startActivity(intent);

    }

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        requestWindowFeature(Window.FEATURE_NO_TITLE);

        setContentView(R.layout.news_content);

        String newsTitle = getIntent().getStringExtra("news_title");

        String newsContent = getIntent().getStringExtra("news_content");

        NewsContentFragment newsContentFragment = (NewsContentFragment) getSupportFragmentManager()

                .findFragmentById(R.id.news_content_fragment);

        newsContentFragment.refresh(newsTitle,newsContent);

    }

}

巴特西

Fragment在Activity中跳转,实现类似新闻标题跳转新闻内容功能

最新文章

热门文章