Android Fragment基础学习

最新推荐文章于 2024-04-10 04:26:58 发布

Pauper_Zhou

最新推荐文章于 2024-04-10 04:26:58 发布

阅读量205

点赞数

文章标签： android

本文链接：https://blog.csdn.net/Pauper_Zhou/article/details/107048998

版权

Fragment的一个小例子

希望实现一个这样的应用，在一个Activity的左侧有一个列表，点击列表中的项，右侧就会显示对应项的详情页，如下图，本例中用接口来实现Fragment之间的通信
在这里插入图片描述

代码

设计一个MovieModel类模拟系统的数据模型

package com.example.fragmentsetting.practice.model;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

public class MovieModel {

    public static class Movie{
        Integer id;
        String name;
        String desc;

        public Movie(Integer id, String name, String desc) {
            this.id = id;
            this.name = name;
            this.desc = desc;
        }

        @Override
        public String toString() {
            return name;
        }

        public Integer getId() {
            return id;
        }

        public void setId(Integer id) {
            this.id = id;
        }

        public String getName() {
            return name;
        }

        public void setName(String name) {
            this.name = name;
        }

        public String getDesc() {
            return desc;
        }

        public void setDesc(String desc) {
            this.desc = desc;
        }
    }

    public static List<Movie> MOVIES=new ArrayList<>();
    public static Map<Integer,Movie> MOVIEMAP=new HashMap<>();
    static{
        Movie m1=new Movie(1,"阿凡达", "《阿凡达》(Avatar)是一部由詹姆斯·卡梅隆执导，二十世纪福克斯出品，" +
                "萨姆·沃辛顿、佐伊·索尔达娜和西格妮·韦弗等人主演的科幻电影。");
        Movie m2=new Movie(2,"星际穿越", "《星际穿越》（Interstellar）是克里斯托弗·诺兰执导的一部原创科幻冒险电影，" +
                "由马修·麦康纳、安妮·海瑟薇、杰西卡·查斯坦及迈克尔·凯恩主演。");
        Movie m3=new Movie(3,"盗梦空间", "《盗梦空间》是由克里斯托弗·诺兰执导，" +
                "莱昂纳多·迪卡普里奥，玛丽昂·歌迪亚等主演的电影。影片剧情游走于梦境与现实之间，被定义为“发生在意识结构内的当代动作科幻片”。");
        add(m1);
        add(m2);
        add(m3);
    }

    private static void add(Movie movie){
        MOVIES.add(movie);
        MOVIEMAP.put(movie.getId(), movie);
    }

}

activity_two_pane.xml

<?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"
    android:orientation="horizontal"
    android:divider="?android:attr/dividerHorizontal"
    android:showDividers="middle"
    tools:context=".practice.TwoPaneActivity">

    <fragment
        android:id="@+id/list"
        android:name="com.example.fragmentsetting.practice.fragment.MovieListFragment"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1"/>

    <FrameLayout
        android:id="@+id/detail"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="2"/>

</LinearLayout>

TwoPaneActivity.java 显示两个Fragment

package com.example.fragmentsetting.practice;

import androidx.appcompat.app.AppCompatActivity;
import androidx.fragment.app.FragmentManager;
import androidx.fragment.app.FragmentTransaction;

import android.os.Bundle;

import com.example.fragmentsetting.R;
import com.example.fragmentsetting.practice.fragment.DetailFragment;
import com.example.fragmentsetting.practice.fragment.MovieListFragment;

public class TwoPaneActivity extends AppCompatActivity implements MovieListFragment.Callbacks {

    FragmentManager manager;
    FragmentTransaction transaction;

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

        manager=getSupportFragmentManager();
        transaction=manager.beginTransaction();
    }

    @Override
    public void onItemSelected(Integer id) {
        transaction=manager.beginTransaction();
        //FragmentTransaction：在commit()方法之前调用addToBackStack方法将事务添加到Back栈，
        //该栈由Activity管理，允许用户按Back按钮返回Fragment的上一个状态，如果不调用，用户
        //点击Back按钮，会直接退出程序
        transaction.replace(R.id.detail,new DetailFragment(id)).addToBackStack(null).commit();
    }
}

MovieListFragment.java 显示Movie列表

package com.example.fragmentsetting.practice.fragment;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.ArrayAdapter;
import android.widget.ListView;

import androidx.annotation.Nullable;
import androidx.fragment.app.ListFragment;

import com.example.fragmentsetting.practice.model.MovieModel;

public class MovieListFragment extends ListFragment {

    private Callbacks mCallbacks;

    public interface Callbacks{
        public void onItemSelected(Integer id);
    }

    @Override
    public void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setListAdapter(new ArrayAdapter<MovieModel.Movie>(getActivity(), android.R.layout.simple_list_item_activated_1,
                android.R.id.text1, MovieModel.MOVIES));

    }

    @Override
    public void onAttach(Activity activity) {
        super.onAttach(activity);
        //判断activity是否实现了Callbacks接口，若未实现，则抛出异常
        if(!(activity instanceof Callbacks)){
            throw new IllegalStateException("Activity没有实现Callbacks接口！");
        }
        mCallbacks=(Callbacks)activity;
    }

    @Override
    public void onDetach() {
        super.onDetach();
        mCallbacks=null;
    }

    @Override
    public void onListItemClick(ListView l, View v, int position, long id) {
        super.onListItemClick(l, v, position, id);
        mCallbacks.onItemSelected(MovieModel.MOVIES.get(position).getId());
    }
}

DetailFragment.java 用于显示Movie详情页

package com.example.fragmentsetting.practice.fragment;

import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;

import androidx.annotation.NonNull;
import androidx.annotation.Nullable;
import androidx.fragment.app.Fragment;

import com.example.fragmentsetting.R;
import com.example.fragmentsetting.practice.model.MovieModel;

public class DetailFragment extends Fragment {

    private MovieModel.Movie movie;

    public DetailFragment(Integer id){
        movie=MovieModel.MOVIEMAP.get(id);
    }

    @Override
    public void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
    }

    @Nullable
    @Override
    public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        View root=inflater.inflate(R.layout.fragment_detail, container,false);
        TextView titleTv=root.findViewById(R.id.tv_title);
        TextView detailTv=root.findViewById(R.id.tv_detail);
        titleTv.setText(movie.getName());
        detailTv.setText(movie.getDesc());
        return root;
    }
}

fragment_detail.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="match_parent"
    android:padding="20dp">

    <TextView
        android:id="@+id/tv_title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="24sp"
        android:text="title"/>

    <TextView
        android:id="@+id/tv_detail"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="20sp"
        android:text="detail..."
        android:layout_marginTop="10dp"/>

</LinearLayout>

核心思想

在MovieListFragment中定义Callbacks内部回调接口，声明一个onItemSelected方法，参数id表示要选中的Movie的id，令TwoPaneActivity实现Callbacks接口并重写其中的onItemSelected方法，将参数id传入DetailFragment的构造函数的参数中使DetailFragment知道它应该加载哪一个Movie的信息，这样就实现了TwoPaneActivity和DetailFragment之间的通信。在MovieListFragment中还要创建一个Callbacks对象，在onAttach方法中使其在onListItemSelected方法中调用该对象的onItemSelected方法，并将当前选中项对应Movie的id传入该方法，这样就实现了MovieListFragment和TwoPaneActivity之间的通信。两个Fragment通过Activity简介实现了通信

优化

这样的页面可能更适合大屏幕的平板电脑，但是在小屏幕的手机上，我们更希望一个Activity上是一个单独的列表，选择列表项后跳转到对应的详情Activity
为了兼顾屏幕分辨率，可以创建一个values-large，在该文件夹下建立一个名为practice_refs.xml的引用资源文件，该引用资源专门用于定义各种引用项

practice_refs.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <!--  定义activity_list实际引用@layout/activity_two_pane资源  -->
    <item name="activity_list" type="layout">
        @layout/activity_two_pane
    </item>
</resources>

activity_list.xml

<?xml version="1.0" encoding="utf-8"?>
<!-- 直接使用MovieListFragment作为界面组件 -->
<fragment xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/book_list"
    android:name="com.example.fragmentsetting.practice.fragment.MovieListFragment"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_marginLeft="16dp"
    android:layout_marginRight="16dp" />

ListActivity.java 只有列表的Activity

package com.example.fragmentsetting.practice;

import androidx.appcompat.app.AppCompatActivity;
import androidx.fragment.app.FragmentManager;
import androidx.fragment.app.FragmentTransaction;

import android.content.Intent;
import android.os.Bundle;

import com.example.fragmentsetting.R;
import com.example.fragmentsetting.practice.fragment.DetailFragment;
import com.example.fragmentsetting.practice.fragment.MovieListFragment;

public class ListActivity extends AppCompatActivity implements MovieListFragment.Callbacks {

    //定义一个旗标，用于标识应用是否支持大屏幕
    boolean mTwoPane;
    FragmentManager manager;
    FragmentTransaction transaction;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        //指定加载R.layout.activity_list对应的界面布局，但实际上会根据屏幕分辨率加载不同的界面布局
        setContentView(R.layout.activity_list);
        //如果加载的布局文件包含id为detail的组件
        if(findViewById(R.id.detail)!=null){
            mTwoPane=true;
            manager=getSupportFragmentManager();
            ((MovieListFragment)manager.findFragmentById(R.id.list)).setActivateOnItemClick(true);
        }else{
            getSupportActionBar().setTitle("电影列表");
        }
    }

    @Override
    public void onItemSelected(Integer id) {
        if (mTwoPane){
            transaction=manager.beginTransaction();
            transaction.replace(R.id.detail,new DetailFragment(id));
            //将事务添加到Back栈，允许用户按Back键返回到替换Fragment之前的状态
            transaction.addToBackStack(null);
            transaction.commit();
        }else{
            Intent detailIntent=new Intent(ListActivity.this,DetailActivity.class);
            detailIntent.putExtra(DetailFragment.ITEM_ID, id);
            startActivity(detailIntent);
        }
    }
}

activity_detail.xml

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

DetailActivity.java 显示详情的Activity

package com.example.fragmentsetting.practice;

import androidx.annotation.NonNull;
import androidx.appcompat.app.AppCompatActivity;

import android.content.Intent;
import android.os.Bundle;
import android.view.MenuItem;

import com.example.fragmentsetting.R;
import com.example.fragmentsetting.practice.fragment.DetailFragment;

public class DetailActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        //指定加载/res/layout目录下的activity_detail.xml布局文件
        //该界面布局文件内只定义了一个名为detail的FrameLayout
        setContentView(R.layout.activity_detail);
        //将ActionBar上的应用图标转换成可点击的按钮，即提供可返回主页的按钮
        getSupportActionBar().setDisplayHomeAsUpEnabled(true);
        getSupportActionBar().setTitle("电影详情");
        int id=getIntent().getIntExtra(DetailFragment.ITEM_ID, 0);
        getSupportFragmentManager().beginTransaction().add(R.id.detail,new DetailFragment(id)).commit();
        
    }

    @Override
    public boolean onOptionsItemSelected(@NonNull MenuItem item) {
        if(item.getItemId()==android.R.id.home){
            Intent intent=new Intent(this,ListActivity.class);
            //添加额外的Flag，将Activity栈中处于FirstActivity之上的Activity弹出
            intent.addFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP);
            startActivity(intent);
            return true;
        }
        return super.onOptionsItemSelected(item);
    }
}

MovieListFragment.java
添加如下方法，当小屏幕显示列表占据一整个Activity时使onListItemSelected方法失效

public void setActivateOnItemClick(boolean activateOnItemClick){
    getListView().setChoiceMode(activateOnItemClick?ListView.CHOICE_MODE_SINGLE:ListView.CHOICE_MODE_NONE);
}

DetailFragment.java
在DetailFragment中添加全局变量ITEM_ID用于传递id参数

public static String ITEM_ID="ITEM_ID";

优化后显示效果如下
在这里插入图片描述
这样就实现了不同分辨率屏幕显示不同页面的功能
有机会再更新
菜鸡遁走…

Pauper_Zhou

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Android Fragment基础学习

Fragment的一个小例子代码核心思想优化希望实现一个这样的应用，在一个Activity的左侧有一个列表，点击列表中的项，右侧就会显示对应项的详情页，如下图，本例中用接口来实现Fragment之间的通信代码设计一个MovieModel类模拟系统的数据模型package com.example.fragmentsetting.practice.model;import java.util.ArrayList;import java.util.HashMap;import java.uti
复制链接

扫一扫