安卓Android碎片fragment实现静态加载

静态加载好后的界面如下,两个碎片分别位于一个活动的左边和右边:

 

 

 左边和右边分别为一个碎片,这两个碎片正好将一整个活动布满。一个活动当中可以拥有多个碎片,碎片的含义就是可以在同一个UI界面下,将这个界面分成好几个界面,并且可以分别更新自己的状态,如果没有碎片,那么如果你想要单独在某一个区域实现活动的“跳转”就不可能了,因此我们可以引入碎片,这样就可以在这个区域单独进行碎片的跳转。在利用底部标题栏进行首页UI的切换的时候就需要用到碎片,因此碎片在安卓开发当中十分广泛,这篇博客将会与你讲解如何实现静态加载碎片,除了静态加载碎片,还具有动态加载碎片的方式,两种方式不同的方式都进行理解与引用,才可以把碎片的威力发挥到最大。下面是代码,第一个是主活动当中的代码,主活动一定得继承Fragment这个类才可以实现碎片:

一.MainActivity.java

import androidx.fragment.app.FragmentActivity;
import android.os.Bundle;
import android.util.Log;

public class MainActivity extends FragmentActivity {

    public MainActivity() {
        Log.e("TAG", "MainActivity()..");
    }

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        Log.e("TAG", "MainActivity onCreate()..");
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    }
}

然后咱们创建碎片,在上述的UI界面当中有两个碎片的区块,因此我们连续创建两个碎片:

二.MyFragment.java

我们在这个碎片当中利用Java直接引入TextView控件,当然在这个碎片所对应的xml文件当中也可以,这是相互等效的,都比较简单。

import android.graphics.Color;
import android.os.Bundle;
import androidx.fragment.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;

public class MyFragment extends Fragment {

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

        //加载布局得到View对象并返回

        //创建一个视图对象, 设置数据并返回
        TextView  textView = new TextView(getActivity());
        textView.setText("这是第一个碎片");
        textView.setBackgroundColor(Color.RED);

        return textView;
    }
}

三.MyFragment2.java

import android.graphics.Color;
import android.os.Bundle;
import androidx.fragment.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;



public class MyFragment2 extends Fragment {

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

        //加载布局得到View对象并返回

        //创建一个视图对象, 设置数据并返回
        TextView  textView = new TextView(getActivity());
        textView.setText("这是第二个碎片");
        textView.setBackgroundColor(Color.RED);

        return textView;
    }
}

之后在咱们的主活动的UI界面当中将代码修改为:

四.activity_main.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"
    tools:context=".MainActivity">
    <fragment
        android:name="com.example.fragment.MyFragment"
        android:id="@+id/myfragment_1"
        android:layout_weight="1"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        />
    <fragment
        android:name="com.example.fragment.MyFragment2"
        android:id="@+id/myfragment_2"
        android:layout_weight="1"
        android:layout_width="0dp"
        android:layout_height="match_parent"

        />
</LinearLayout>

这样就可以把fragment引入到咱们的主活动上面来啦,运行安卓项目,大功告成!!

如果想要在第二个碎片当中更改一下界面,那么咱们也可以直接在fragment的布局当中进行布局,而不是使用Java代码来实现,毕竟在大多数时候,在实际的开发·过程当中,我们都会使用直接在碎片所对应的xml界面当中进行布局而不是用Java进行布。因为用Java布局实在是太难了,很难实现一些更加详细同时华丽的效果。用碎片所对应的xml界面如下所示:

 

 

五.fragment_my_fragment2.xml

在主界面右边的这个碎片是第二个碎片,因此只需要修改第二个碎片当中布局代码为ImageView就好啦,修改后的代码如下图所示:

<?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:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MyFragment2">

<ImageView
    android:layout_width="300dp"
    android:layout_height="300dp"
    android:src="@drawable/girl"
    />

</LinearLayout>

这样就引入了一个ImageView,并在ImageView当中加入了一张外国美女的图片。Preview当中显示为:

 

 当然有了这个还不够,之前我们在fragment所对应的Java代码当中是返回的textview对象,这里我们已经对fragment进行了整体布局,因此应该返回一整个view对象,才可以将整个布局显示出来,因此修改Java代码为:

六.MyFragment2.java

import android.os.Bundle;
import androidx.fragment.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;



public class MyFragment2 extends Fragment {

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

        //加载布局得到View对象并返回

        //创建一个视图对象, 设置数据并返回
       /* TextView  textView = new TextView(getActivity());
        textView.setText("这是第二个碎片");
        textView.setBackgroundColor(Color.RED);*/
       View view=inflater.inflate(R.layout.fragment_my_fragment2,container,false);
        return view;
    }
}

最后的界面运行结果如下:

 

 

posted @ 2019-11-28 19:07  Geeksongs  阅读(1261)  评论(0编辑  收藏  举报

Coded by Geeksongs on Linux

All rights reserved, no one is allowed to pirate or use the document for other purposes.