怎么做招标公司网站,DW怎么做网站下拉菜单,昆明网站设计方案,wordpress管理信息系统1. Fragment
使用Fragment的目标#xff1a;根据列表动态显示内容#xff0c;更简洁显示界面、查找界面
eg. 使用新闻列表动态显示新闻
1.1 Fragment的特性
具备生命周期 —— 可以动态地移除一些Fragment必须委托在Activity中使用可以在Activity中进行复用
1.2 Fragmen…1. Fragment
使用Fragment的目标根据列表动态显示内容更简洁显示界面、查找界面
eg. 使用新闻列表动态显示新闻
1.1 Fragment的特性
具备生命周期 —— 可以动态地移除一些Fragment必须委托在Activity中使用可以在Activity中进行复用
1.2 Fragment的基本使用步骤
在包中添加一个空的Fragment板块生成一个java文件和一个xml文件设置Fragmentxml文件布局
?xml version1.0 encodingutf-8?
FrameLayout xmlns:androidhttp://schemas.android.com/apk/res/androidxmlns:toolshttp://schemas.android.com/toolsandroid:layout_widthmatch_parentandroid:layout_heightmatch_parentandroid:orientationverticaltools:context.BlankFragment1!-- TODO: Update blank fragment layout --TextViewandroid:idid/fragment1_textviewandroid:layout_widthmatch_parentandroid:layout_height40dpandroid:textstring/hello_blank_fragment /Buttonandroid:idid/fragment1_buttonandroid:layout_widthmatch_parentandroid:texthow are youandroid:layout_height40dp/
/FrameLayout在java文件中设计相关逻辑处理
package com.example.byfragmenttestmyself;import android.graphics.Color;
import android.os.Bundle;import androidx.fragment.app.Fragment;import android.view.Gravity;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Button;
import android.widget.TextView;
import android.widget.Toast;// 这个类继承自拓展于 Fragment
public class BlankFragment1 extends Fragment {private View root null;private TextView fragment1_textview null;private Button fragment1_button null;// 生命周期函数 创建时调用Overridepublic void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);}// 渲染布局文件函数 创建时调用 有返回值Overridepublic View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState) {// 基本渲染判断if(root null){root inflater.inflate(R.layout.fragment_blank1,container,false);}// 获取xml 控件资源fragment1_textview root.findViewById(R.id.fragment1_textview);fragment1_button root.findViewById(R.id.fragment1_button);fragment1_button.setOnClickListener(new View.OnClickListener() {Overridepublic void onClick(View v) {// 使用Toast显示点击后显示的内容Toast.makeText(getContext(),I am fine,and you?,Toast.LENGTH_SHORT).show();}});return root;}
}在需要添加Fragment的Activity文件中添加对应名字的fragment标签必须添加name和id属性
?xml version1.0 encodingutf-8?
LinearLayout xmlns:androidhttp://schemas.android.com/apk/res/androidxmlns:apphttp://schemas.android.com/apk/res-autoxmlns:toolshttp://schemas.android.com/toolsandroid:layout_widthmatch_parentandroid:layout_heightmatch_parentandroid:orientationverticaltools:context.MainActivity!--fragment组件必须要有的元素有name、id、宽和高--fragmentandroid:namecom.example.byfragmenttestmyself.BlankFragment1android:layout_widthmatch_parentandroid:layout_heightmatch_parentandroid:layout_weight1android:idid/main_fragment1 /fragmentandroid:namecom.example.byfragmenttestmyself.BlankFragment2android:layout_widthmatch_parentandroid:layout_heightmatch_parentandroid:layout_weight1android:idid/main_fragment2 /
/LinearLayout1.3 动态添加Fragment基本步骤
在主xml文件中写入布局
?xml version1.0 encodingutf-8?
LinearLayout xmlns:androidhttp://schemas.android.com/apk/res/androidxmlns:apphttp://schemas.android.com/apk/res-autoxmlns:toolshttp://schemas.android.com/toolsandroid:layout_widthmatch_parentandroid:layout_heightmatch_parentandroid:orientationverticaltools:context.MainActivity!--这里可以使用android.widget.Button(不携带背景)--Buttonandroid:background#00ff00android:layout_widthmatch_parentandroid:layout_heightwrap_contentandroid:idid/btn_1android:textstring/change/Buttonandroid:background#00ff00android:layout_widthmatch_parentandroid:layout_heightwrap_contentandroid:idid/btn_2android:textstring/replace/FrameLayoutandroid:background#3FE8CEandroid:idid/fragment_layoutandroid:layout_widthmatch_parentandroid:layout_heightmatch_parent/FrameLayout
/LinearLayout创建两个Fragment 我使用的是一个BlackFragment和一个ListFragmen 在MainActivity中设置相关的逻辑 创建一个待处理的fragment获取FragmentManager一般都是通过getSupportFragmentManager()开启一个事物transaction一般调用FragmentManager的beginTransaction()使用transaction进行fagment的替换提交事物
package com.example.fragment2;import androidx.appcompat.app.AppCompatActivity;
import androidx.fragment.app.Fragment;
import androidx.fragment.app.FragmentManager;
import androidx.fragment.app.FragmentTransaction;import android.os.Bundle;
import android.view.View;
import android.widget.Button;public class MainActivity extends AppCompatActivity implements View.OnClickListener {Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);{// 可以将这段代码写进一个initView()函数中Button button1 findViewById(R.id.btn_1);Button button2 findViewById(R.id.btn_2);button1.setOnClickListener(this);button2.setOnClickListener(this);}}Overridepublic void onClick(View v) {if(v.getId() R.id.btn_1){replaceFragment(new BlankFragment1());}else if(v.getId() R.id.btn_2){replaceFragment(new ItemFragment());}}// 动态切换fragmentprivate void replaceFragment(Fragment fragment) {// 获取默认的fragment管理类用于管理fragmentFragmentManager fragmentManager getSupportFragmentManager();// 获取一个transaction完成fragment的替换动作FragmentTransaction transaction fragmentManager.beginTransaction();// 替换fragmenttransaction.replace(R.id.fragment_layout,fragment);// 设置一个fragment栈来存储所有添加的fragment// 在栈内存在fragment的时候响应由fragment栈来承担如果栈内没有了fragment响应由Activity承担transaction.addToBackStack(null);// 以上都是事物的处理过程最后需要提交事物transaction.commit();}
}1.4 Fragment与Activity的通信
原生方案Bundle类
在上面代码1.3动态添加Fragment进行修改
过程
修改MainActivity.java文件
Override
public void onClick(View v) {if(v.getId() R.id.btn_1){// 新建一个Bundle对象Bundle bundle new Bundle();// 向Bundle中传入string数据bundle.putString(message,我喜欢小学课堂);// 利用bundle将数据传入Fragment中BlankFragment1 bf new BlankFragment1();bf.setArguments(bundle);replaceFragment(bf);}else if(v.getId() R.id.btn_2){replaceFragment(new ItemFragment());}
}修改BlackFragment1文件接收传过来的Bundle数据
Override
public void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);// 在Fragment中的任意地方接收相应数据Bundle bundle this.getArguments();// 创建一个String作为日志打印输出String string null;if (bundle ! null) {bundle.getString(message);string 我好喜欢学习呀。;Log.d(TAG,onCreate: string);}if (getArguments() ! null) {mParam1 getArguments().getString(ARG_PARAM1);mParam2 getArguments().getString(ARG_PARAM2);}
}效果
可以在点击Button的时候在日志中输出一段文字。说明了这段代码实现了数据在Activity和Fragment之间的传递。
深入方案java类与类通信的方案接口
Activity从Fragment获取消息
定义一个接口
package com.example.fragment2;public interface IFragmentCallback {public void sendMsgToActivity(String msg);public String getMsgFromActivity(String msg);
}在Fragment中写一个接口的实现
private View rootView null;// 为MainActivity提供接口用于创建对象
private IFragmentCallback fragmentCallback;
public void setFragmentCallback(IFragmentCallback callback){fragmentCallback callback;
}Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState) {// Inflate the layout for this fragment// 防止被解析多次定义成一个全局变量if(rootView null){rootView inflater.inflate(R.layout.fragment_blank1,container,false);}Button btn rootView.findViewById(R.id.btn_3);btn.setOnClickListener(new View.OnClickListener() {Overridepublic void onClick(View v) {// 调用方法传递数值fragmentCallback.sendMsgToActivity(hello,I am from Fragment);}});return rootView;
}在MainActivity中实现前面定义的接口在点击事件处理中等待后面Fragment中的调用
public void onClick(View v) {if(v.getId() R.id.btn_1){// 新建一个Bundle对象Bundle bundle new Bundle();// 向Bundle中传入string数据bundle.putString(message,我喜欢小学课堂);// 利用bundle将数据传入Fragment中BlankFragment1 bf new BlankFragment1();bf.setFragmentCallback(new IFragmentCallback() {Overridepublic void sendMsgToActivity(String msg) {Toast.makeText(MainActivity.this,msg,Toast.LENGTH_SHORT).show();}Overridepublic String getMsgFromActivity(String msg) {return null;}});bf.setArguments(bundle);replaceFragment(bf);}else if(v.getId() R.id.btn_2){replaceFragment(new ItemFragment());}
}Fragment从Activity获取消息
从上面代码修改
修改Fragment点击事件
Override
public void onClick(View v) {
// fragmentCallback.sendMsgToActivity(hello,I am from Fragment);String msg fragmentCallback.getMsgFromActivity(null);Toast.makeText(getContext(),msg,Toast.LENGTH_SHORT).show();
}修改MainActivity的接口方法重写
bf.setFragmentCallback(new IFragmentCallback() {Overridepublic void sendMsgToActivity(String msg) {Toast.makeText(MainActivity.this,msg,Toast.LENGTH_SHORT).show();}Overridepublic String getMsgFromActivity(String msg) {return hello,I am from Activity;}
});比较巧妙的是函数的返回值为数据的发送和接受实现了不同的逻辑处理体现了代码的高内聚 其他方案enventBus、LiveData
使用的设计模式发布订阅模式、观察者模式
Fragment可以观察ActivityFragment可以选择地使用。
1.5 Fragment的生命周期 上面有一个onAttach方法没有被官方文档显示我也不知道为啥于是我在文心一言上问了一下得到了一下的结果
onAttach(Activity activity): 这是较旧的方法但在较新的 Android 版本中仍然可用。当您使用这种方法时您需要确保在代码中适当地处理它因为 Activity 参数可能是 null尽管这在正常情况下不应该发生。onAttach(Context context): 这是较新的方法它允许您接收一个 Context 对象该对象可以是 Activity 或其他类型的上下文尽管在 Fragment 的情况下它通常是一个 Activity。这种方法提供了更灵活的方式来处理与宿主 Activity 的关联并且不需要担心 Activity 参数为 null 的情况。
总而言之onAttach的作用就是绑定与之对应的父类。
注意 当我们以后在Fragment中获取Activity返回值为空的时候就是因为我们没有将所有的周期函数写在Activity中 详情请点击链接
操作Fragment时生命周期的运行情况
打开界面
onCreate() - onCreateView() - onActivityCreated() - onStart() - onResume()按下主屏键
onPause() - onStop()重新打开界面
onStart() - onResume()按后退键
onPause() - onStop() - onDestroyView() - onDestroy() - onDetach()1.6 Fragment与ViewPager2联合使用
优势减少用户的操作
ViewPager2与ViewPager2的优势
ViewPager1是以GridLayout作为底层来生成的ViewPager2是以ListLayout为底层逻辑生成的。ViewPager2具有懒加载的特性 ViewPager2简单使用的步骤
定义一个ViewPager2 !--activity_main.xml--
?xml version1.0 encodingutf-8?
LinearLayout xmlns:androidhttp://schemas.android.com/apk/res/androidxmlns:apphttp://schemas.android.com/apk/res-autoxmlns:toolshttp://schemas.android.com/toolsandroid:layout_widthmatch_parentandroid:layout_heightmatch_parentandroid:orientationverticaltools:context.MainActivityandroidx.viewpager2.widget.ViewPager2android:layout_widthmatch_parentandroid:layout_heightmatch_parentandroid:idid/viewPagerandroid:backgroundcolor/blue/androidx.viewpager2.widget.ViewPager2/LinearLayout!--item_pager.xml--
?xml version1.0 encodingutf-8?
RelativeLayout xmlns:androidhttp://schemas.android.com/apk/res/androidandroid:layout_widthmatch_parentandroid:idid/container__android:layout_heightmatch_parentTextViewandroid:layout_widthwrap_contentandroid:layout_heightwrap_contentandroid:idid/tvTitleandroid:layout_centerInParenttrueandroid:textColor#ff4532android:textSize32spandroid:texthello/
/RelativeLayout!--color.xml--
?xml version1.0 encodingutf-8?
resourcescolor nameblack#FF000000/colorcolor namewhite#FFFFFFFF/colorcolor nameblue#0000FF/colorcolor namered#FF0000/colorcolor nameyellow#FFFF00/color
/resources// MainActivity.java
package com.example.viewpager;import androidx.appcompat.app.AppCompatActivity;
import androidx.viewpager2.widget.ViewPager2;import android.os.Bundle;
import android.view.View;public class MainActivity extends AppCompatActivity {Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);ViewPager2 viewPager findViewById(R.id.viewPager);ViewPagerAdapter viewPagerAdapter new ViewPagerAdapter();viewPager.setAdapter(viewPagerAdapter);}
}为ViewPager2构建Adapter
// ViewPagerAdapter.java
package com.example.viewpager;import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.RelativeLayout;
import android.widget.TextView;import androidx.annotation.NonNull;
import androidx.recyclerview.widget.RecyclerView;import java.util.ArrayList;
import java.util.List;// 下面的拓展RecyclerView.Adapter可以通过前面的调用自动生成
public class ViewPagerAdapter extends RecyclerView.AdapterViewPagerAdapter.ViewPagerViewHolder {private ListString title new ArrayList();private ListInteger colors new ArrayList();// 根据下面的页面数量适配相应数量的数据public ViewPagerAdapter(){title.add(hello);title.add(520);title.add(我爱你);title.add(6.1快乐);colors.add(R.color.yellow);colors.add(R.color.blue);colors.add(R.color.red);colors.add(R.color.white);}NonNull// ViewPager的适配界面Overridepublic ViewPagerViewHolder onCreateViewHolder(NonNull ViewGroup parent, int viewType) {return new ViewPagerViewHolder(LayoutInflater.from(parent.getContext()).inflate(R.layout.item_pager,parent,false));}// 对列表中的数据进行绑定Override/*position 显示当前滑动的是哪一个item*/public void onBindViewHolder(NonNull ViewPagerViewHolder holder, int position) {holder.mTextView.setText(title.get(position));// 上面做链表的时候传入的是一个资源的id所以这里的方法需要用setBackgroundResource()// 如果需要设置的是一个color可以添加#000000~#FFFFFFholder.mContainer.setBackgroundResource(colors.get(position));}// 返回页面的数量Overridepublic int getItemCount() {return 4;}// 定义一个内部类专门用于RecyclerView的封装class ViewPagerViewHolder extends RecyclerView.ViewHolder{TextView mTextView null;RelativeLayout mContainer null;public ViewPagerViewHolder(NonNull View itemView) {super(itemView);// 参数 View 就是item_pager.xml布局文件mContainer itemView.findViewById(R.id.container__);mTextView itemView.findViewById(R.id.tvTitle);}}
}ViewPager2 Fragment形成翻页效果
activity作为宿主Fragment附庸在宿主上显示 !--activity_main.xml--
?xml version1.0 encodingutf-8?
LinearLayout xmlns:androidhttp://schemas.android.com/apk/res/androidxmlns:apphttp://schemas.android.com/apk/res-autoxmlns:toolshttp://schemas.android.com/toolsandroid:layout_widthmatch_parentandroid:orientationverticalandroid:layout_heightmatch_parenttools:context.MainActivity
!-- 高度设置为0dp可以实现适应性填充--androidx.viewpager2.widget.ViewPager2android:layout_widthmatch_parentandroid:layout_height0dpandroid:layout_weight1android:idid/viewpager/
/LinearLayout// MainActivity.java
package com.example.wechatpage;import androidx.appcompat.app.AppCompatActivity;
import androidx.fragment.app.Fragment;
import androidx.viewpager2.widget.ViewPager2;import android.os.Bundle;import java.util.ArrayList;public class MainActivity extends AppCompatActivity {ViewPager2 viewPager null;Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);initPager();}private void initPager() {viewPager findViewById(R.id.viewpager);ArrayListFragment fragments new ArrayList();fragments.add(BlankFragment.newInstance(微信聊天));fragments.add(BlankFragment.newInstance(通讯录));fragments.add(BlankFragment.newInstance(发现));fragments.add(BlankFragment.newInstance(我));MyFragmentPagerAdapter pagerAdapter new MyFragmentPagerAdapter(getSupportFragmentManager(),// 第二个参数使用了jetpack控件 现在的版本主要使用 vm 和 mv 模式中调用getLifecycle(),fragments);viewPager.setAdapter(pagerAdapter);}
}!--fragment_blank.xml--
?xml version1.0 encodingutf-8?
FrameLayout xmlns:androidhttp://schemas.android.com/apk/res/androidxmlns:toolshttp://schemas.android.com/toolsandroid:layout_widthmatch_parentandroid:layout_heightmatch_parentandroid:orientationverticaltools:context.BlankFragment!-- TODO: Update blank fragment layout --TextViewandroid:layout_widthmatch_parentandroid:layout_heightmatch_parentandroid:gravitycenterandroid:textSize36spandroid:idid/text_wordandroid:textstring/hello_blank_fragment /
/FrameLayout// BlackFragment.java
package com.example.wechatpage;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 BlankFragment extends Fragment {View rootView null;private static final String ARG_TEXT param1;private String mTextString;public BlankFragment() {// Required empty public constructor}// 将参数传入Bundle对象public static BlankFragment newInstance(String param1) {BlankFragment fragment new BlankFragment();Bundle args new Bundle();args.putString(ARG_TEXT, param1);fragment.setArguments(args);return fragment;}Overridepublic void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);if (getArguments() ! null) {// 通过获取Bundle的方式获取参数的值mTextString getArguments().getString(ARG_TEXT);}}Overridepublic View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState) {// 防止重复解析xml造成的资源浪费if(rootView null){rootView inflater.inflate(R.layout.fragment_blank, container, false);}initView();return rootView;}private void initView() {TextView textView rootView.findViewById(R.id.text_word);textView.setText(mTextString);}
}// MyFragmentPagerAdapter.java
package com.example.wechatpage;import androidx.annotation.NonNull;
import androidx.fragment.app.Fragment;
import androidx.fragment.app.FragmentManager;
import androidx.lifecycle.Lifecycle;
import androidx.viewpager2.adapter.FragmentStateAdapter;import java.util.ArrayList;
import java.util.List;public class MyFragmentPagerAdapter extends FragmentStateAdapter {ListFragment fragments new ArrayList();public MyFragmentPagerAdapter(NonNull FragmentManager fragmentManager, NonNull Lifecycle lifecycle,ListFragment fragmentList) {super(fragmentManager, lifecycle);fragments fragmentList;}NonNullOverridepublic Fragment createFragment(int position) {return fragments.get(position);}Overridepublic int getItemCount() {return fragments.size();}
}实现效果翻页中间屏幕显示相应文字
ViewPager2 Fragment模拟微信翻页界面
程序中所用到的图片链接如下
https://img.picui.cn/free/2024/06/02/665bd7676b127.png https://img.picui.cn/free/2024/06/02/665bd7677abd5.png https://img.picui.cn/free/2024/06/02/665bd7679745d.png https://img.picui.cn/free/2024/06/02/665bd7676583f.png https://img.picui.cn/free/2024/06/02/665bd76784bce.png https://img.picui.cn/free/2024/06/02/665bd768c1583.png https://img.picui.cn/free/2024/06/02/665bd7693a984.png https://img.picui.cn/free/2024/06/02/665bd76a323ce.png
颜色资源
?xml version1.0 encodingutf-8?
resourcescolor nameblack#FF000000/colorcolor namewhite#FFFFFFFF/colorcolor nameblue#5656FF/colorcolor namegreen#00FF00/color
/resourcesdrawable资源
!--tab_contact.xml--
?xml version1.0 encodingutf-8?
selector xmlns:androidhttp://schemas.android.com/apk/res/androiditem android:drawabledrawable/contacts_pressed android:state_selectedtrue/item android:drawabledrawable/contacts_normal/
/selector!--tab_me.xml--
?xml version1.0 encodingutf-8?
selector xmlns:androidhttp://schemas.android.com/apk/res/androiditem android:drawabledrawable/me_pressed android:state_selectedtrue/item android:drawabledrawable/me_normal/
/selector!--tab_search.xml--
?xml version1.0 encodingutf-8?
selector xmlns:androidhttp://schemas.android.com/apk/res/androiditem android:drawabledrawable/search_pressed android:state_selectedtrue/item android:drawabledrawable/search_normal/
/selector!--tab_weixin.xml--
?xml version1.0 encodingutf-8?
selector xmlns:androidhttp://schemas.android.com/apk/res/androiditem android:drawabledrawable/weixin_pressed android:state_selectedtrue/item android:drawabledrawable/weixin_normal/
/selectorfragment布局设计可后续修改
?xml version1.0 encodingutf-8?
FrameLayout xmlns:androidhttp://schemas.android.com/apk/res/androidxmlns:toolshttp://schemas.android.com/toolsandroid:layout_widthmatch_parentandroid:layout_heightmatch_parentandroid:orientationverticaltools:context.BlankFragment!-- TODO: Update blank fragment layout --TextViewandroid:layout_widthmatch_parentandroid:layout_heightmatch_parentandroid:gravitycenterandroid:textSize36spandroid:idid/text_wordandroid:textstring/hello_blank_fragment //FrameLayout底边栏布局设计可后续修改
?xml version1.0 encodingutf-8?
LinearLayout xmlns:androidhttp://schemas.android.com/apk/res/androidandroid:layout_widthmatch_parentandroid:orientationhorizontalandroid:layout_height55dpandroid:backgroundcolor/blueLinearLayoutandroid:gravitycenter_horizontalandroid:layout_width0dpandroid:layout_heightmatch_parentandroid:layout_weight1android:layout_gravitycenterandroid:orientationverticalandroid:idid/tab_weixinImageViewandroid:layout_width32dpandroid:layout_height32dpandroid:idid/tb_image_weixinandroid:backgrounddrawable/tab_weixin/TextViewandroid:layout_width32dpandroid:layout_height32dpandroid:idid/text_weixinandroid:gravitycenterandroid:text微信android:textColorcolor/green//LinearLayoutLinearLayoutandroid:gravitycenter_horizontalandroid:layout_width0dpandroid:layout_heightmatch_parentandroid:layout_weight1android:layout_gravitycenterandroid:orientationverticalandroid:idid/tab_contactImageViewandroid:layout_width32dpandroid:layout_height32dpandroid:idid/tb_image_contactandroid:backgrounddrawable/tab_contact/TextViewandroid:layout_marginTop5dpandroid:layout_width32dpandroid:layout_height32dpandroid:idid/text_contactandroid:gravitycenterandroid:text通讯录android:textColorcolor/green//LinearLayoutLinearLayoutandroid:gravitycenter_horizontalandroid:layout_width0dpandroid:layout_heightmatch_parentandroid:layout_weight1android:layout_gravitycenterandroid:orientationverticalandroid:idid/tab_searchImageViewandroid:layout_marginTop4dpandroid:layout_width25dpandroid:layout_height25dpandroid:idid/tb_image_searchandroid:backgrounddrawable/tab_search/TextViewandroid:layout_marginTop3dpandroid:layout_width32dpandroid:layout_height32dpandroid:idid/text_searchandroid:gravitycenterandroid:text发现android:textColorcolor/green//LinearLayoutLinearLayoutandroid:gravitycenter_horizontalandroid:layout_width0dpandroid:layout_heightmatch_parentandroid:layout_weight1android:layout_gravitycenterandroid:orientationverticalandroid:idid/tab_meImageViewandroid:layout_width32dpandroid:layout_height32dpandroid:idid/tb_image_meandroid:backgrounddrawable/tab_me/TextViewandroid:layout_width32dpandroid:layout_height32dpandroid:idid/text_meandroid:gravitycenterandroid:text我的android:textColorcolor/green//LinearLayout
/LinearLayout主界面布局文件设计——需要使用include引用前面的底边栏xml文件
?xml version1.0 encodingutf-8?
LinearLayout xmlns:androidhttp://schemas.android.com/apk/res/androidxmlns:apphttp://schemas.android.com/apk/res-autoxmlns:toolshttp://schemas.android.com/toolsandroid:layout_widthmatch_parentandroid:orientationverticalandroid:layout_heightmatch_parenttools:context.MainActivity!-- 高度设置为0dp可以实现适应性填充--androidx.viewpager2.widget.ViewPager2android:layout_widthmatch_parentandroid:layout_height0dpandroid:layout_weight1android:idid/viewpager/
!-- 通过include将其他的Activity加入到主Activity中--include layoutlayout/bottom_layout/
/LinearLayoutFragment.java文件初始化fragment.xml布局文件
package com.example.wechatpage;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;/*** A simple {link Fragment} subclass.* Use the {link BlankFragment#newInstance} factory method to* create an instance of this fragment.*/
public class BlankFragment extends Fragment {View rootView null;private static final String ARG_TEXT param1;private String mTextString;public BlankFragment() {// Required empty public constructor}/*** Use this factory method to create a new instance of* this fragment using the provided parameters.** param param1 Parameter 1.* return A new instance of fragment BlankFragment.*/// TODO: Rename and change types and number of parameters// 将参数传入Bundle对象public static BlankFragment newInstance(String param1) {BlankFragment fragment new BlankFragment();Bundle args new Bundle();args.putString(ARG_TEXT, param1);fragment.setArguments(args);return fragment;}Overridepublic void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);if (getArguments() ! null) {// 通过获取Bundle的方式获取参数的值mTextString getArguments().getString(ARG_TEXT);}}Overridepublic View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState) {// 防止重复解析xml造成的资源浪费if(rootView null){rootView inflater.inflate(R.layout.fragment_blank, container, false);}initView();return rootView;}private void initView() {TextView textView rootView.findViewById(R.id.text_word);textView.setText(mTextString);}
}适配器匹配ViewPager和Fragment
package com.example.wechatpage;import androidx.annotation.NonNull;
import androidx.fragment.app.Fragment;
import androidx.fragment.app.FragmentManager;
import androidx.lifecycle.Lifecycle;
import androidx.viewpager2.adapter.FragmentStateAdapter;import java.util.ArrayList;
import java.util.List;public class MyFragmentPagerAdapter extends FragmentStateAdapter {ListFragment fragments new ArrayList();public MyFragmentPagerAdapter(NonNull FragmentManager fragmentManager, NonNull Lifecycle lifecycle,ListFragment fragmentList) {super(fragmentManager, lifecycle);fragments fragmentList;}NonNullOverridepublic Fragment createFragment(int position) {return fragments.get(position);}Overridepublic int getItemCount() {return fragments.size();}
}主要逻辑处理模板
package com.example.wechatpage;import androidx.appcompat.app.AppCompatActivity;
import androidx.fragment.app.Fragment;
import androidx.viewpager2.widget.ViewPager2;import android.os.Bundle;
import android.view.View;
import android.widget.ImageView;
import android.widget.LinearLayout;import java.util.ArrayList;public class MainActivity extends AppCompatActivity implements View.OnClickListener {ViewPager2 viewPager null;private LinearLayout llChat null;private LinearLayout llContacts null;private LinearLayout llSearch null;private LinearLayout llMe null;private ImageView ivChat null;private ImageView ivContacts null;private ImageView ivSearch null;private ImageView ivMe null;private ImageView ivCurrent null;Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);initPager();initTableView();}private void initTableView() {llChat findViewById(R.id.tab_weixin);llContacts findViewById(R.id.tab_contact);llSearch findViewById(R.id.tab_search);llMe findViewById(R.id.tab_me);ivChat findViewById(R.id.tb_image_weixin);ivContacts findViewById(R.id.tb_image_contact);ivSearch findViewById(R.id.tb_image_search);ivMe findViewById(R.id.tb_image_me);llChat.setOnClickListener(this);llContacts.setOnClickListener(this);llSearch.setOnClickListener(this);llMe.setOnClickListener(this);// 设置缓存按钮用于后来复位ivChat.setSelected(true);ivCurrent ivChat;}private void initPager() {viewPager findViewById(R.id.viewpager);ArrayListFragment fragments new ArrayList();fragments.add(BlankFragment.newInstance(微信聊天));fragments.add(BlankFragment.newInstance(通讯录));fragments.add(BlankFragment.newInstance(发现));fragments.add(BlankFragment.newInstance(我));MyFragmentPagerAdapter pagerAdapter new MyFragmentPagerAdapter(getSupportFragmentManager(),// 第二个参数使用了jetpack控件 现在的版本主要使用 vm 和 mv 模式中调用getLifecycle(),fragments);// 设置viewPager的内容viewPager.setAdapter(pagerAdapter);// 设置viewPager的滑动监听接口viewPager.registerOnPageChangeCallback(new ViewPager2.OnPageChangeCallback() {Override// 此方法可以为viewPager添加滚动动画效果public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {super.onPageScrolled(position, positionOffset, positionOffsetPixels);}Override// 改变按钮的选择位置public void onPageSelected(int position) {super.onPageSelected(position);changeTable(position);}Override//public void onPageScrollStateChanged(int state) {super.onPageScrollStateChanged(state);}});}private void changeTable(int position) {ivCurrent.setSelected(false);if(position 0){ivChat.setSelected(true);ivCurrent ivChat;}else if(position 1){ivContacts.setSelected(true);ivCurrent ivContacts;}else if(position 2){ivSearch.setSelected(true);ivCurrent ivSearch;}else if(position 3){ivMe.setSelected(true);ivCurrent ivMe;}}Overridepublic void onClick(View v) {ivCurrent.setSelected(false);if(v.getId() R.id.tab_weixin){ivChat.setSelected(true);ivCurrent ivChat;viewPager.setCurrentItem(0);}else if(v.getId() R.id.tab_contact){ivContacts.setSelected(true);ivCurrent ivContacts;viewPager.setCurrentItem(1);}else if(v.getId() R.id.tab_search){ivSearch.setSelected(true);ivCurrent ivSearch;viewPager.setCurrentItem(2);}else if(v.getId() R.id.tab_me){ivMe.setSelected(true);ivCurrent ivMe;viewPager.setCurrentItem(3);}}
}虽然很想写一下fragment和ViewPager的底层逻辑但是时间有点不够了要找资料敲代码写markdown……总而言之太麻烦了所以等有空的时候再补上吧画饼
