devbox
小小林熬夜学编程
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

Fragment 与 TabLayout_fragment tablayout

作者：小小林熬夜学编程 | 2024-03-12 18:37:40

赞

踩

fragment tablayout

本来不该写tabLayout   因为他自己就有着相当大的知识点。


为了使用tabLayout控件，我们需要加入compile 'com.android.support:design:23.2.1' 老一套了

我们主要说一下Fragment。

这个Fragment 和 Activity周期相差无几，就用当初学习Activity生命周期的方式来刺探一下Fragment的生命周期。

贴一下日志你们就会明白;


关于生命周期就不多说了网上又说的特别好的。


前边当我写好侧滑的菜单时，我发现个问题，就是按下导航栏的条目后怎么切换到相应的layout中去，一个非常需要解决的问题，后来我用<include/>进行插入，然后就各种奇葩的问题不符合设计规则，然后昨天就帖子，找博客。大家们都一致推荐Fragment,当初学Android时只知道不过是一种布局算了，当初只写的是几个长宽不同的彩色方块放在一起重叠起来，平常没用过今天就插手干了起来。


一、主要说一下创建这个Demo 的整体思路：

1.首先是创建layout 这个也是我们最需要在乎的一部，因为我们终于知道将新的控件放在哪了。

2.我们需要创建一个新的类与这个layout一一对应，并且继承于Fragment。这类似与MainActivity 只是他继承与AppCompatActivity罢了。

3往main_actyvity.xml 中添加一个Fragment布局

4.在MainActivity中就是对Fragment的添加、移除、替换的操作。


贴一下主要的代码：

二、创建的新的Fragment布局的   layout 名字是frame1_layout

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     android:layout_width="match_parent"
  4.     android:background="#990033"
  5.     android:layout_height="match_parent">
  6.  
  7.     <Button
  8.         android:layout_width="wrap_content"
  9.         android:layout_height="wrap_content"
  10.         android:text="Toast_Button_1"
  11.         android:textAllCaps="false"
  12.         android:id="@+id/button_tos_1"
  13.         android:layout_centerVertical="true"
  14.         android:layout_centerHorizontal="true" />
  15. </RelativeLayout>

里面只写了一个Button.


三、创建新的与之关联类并继承Fragment 名字是 Fragment1_management

  1. package com.example.hejingzhou.fragmentdemo;
  2.  
  3. import android.content.Context;
  4. import android.support.v4.app.Fragment;
  5. import android.os.Bundle;
  6. import android.util.Log;
  7. import android.view.LayoutInflater;
  8. import android.view.View;
  9. import android.view.ViewGroup;
  10. import android.widget.Button;
  11. import android.widget.Toast;
  12.  
  13.  
  14. /**
  15.  * Created by Hejingzhou on 2016/4/3.
  16.  */
  17. public class Fragment1_management extends Fragment implements View.OnClickListener{
  18.     private String TAG = getClass().getSimpleName();
  19.     @Override
  20.     public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
  21.         View fragment_1_view = inflater.inflate(R.layout.fragment1_layout,container,false);
  22.         Button btnToast = (Button)fragment_1_view.findViewById(R.id.button_tos_1);
  23.         btnToast.setOnClickListener(this);
  24.         return fragment_1_view;
  25.     }
  26.  
  27.     @Override
  28.     public void onClick(View v) {
  29.         if(v.getId() == R.id.button_tos_1){
  30.             Toast.makeText(getActivity(), "Fragment_1", Toast.LENGTH_SHORT).show();
  31.         }
  32.     }
  33.  
  34.     /**
  35.      * 以下和创建的操作文件并没有关系
  36.      * 只是刺探Fragment的生命周期
  37.      * @param context
  38.      */
  39.     @Override
  40.     public void onAttach(Context context) {
  41.         super.onAttach(context);
  42.         Log.i(TAG,"onAttach");
  43.     }
  44.  
  45.     @Override
  46.     public void onViewCreated(View view, Bundle savedInstanceState) {
  47.         super.onViewCreated(view, savedInstanceState);
  48.         Log.i(TAG,"onViewCreated");
  49.     }
  50.  
  51.     @Override
  52.     public void onCreate(Bundle savedInstanceState) {
  53.         super.onCreate(savedInstanceState);
  54.         Log.i(TAG,"onCreate");
  55.     }
  56.  
  57.     @Override
  58.     public void onActivityCreated(Bundle savedInstanceState) {
  59.         super.onActivityCreated(savedInstanceState);
  60.         Log.i(TAG,"onActivityCreated");
  61.     }
  62.  
  63.     @Override
  64.     public void onStart() {
  65.         super.onStart();
  66.         Log.i(TAG,"onStart");
  67.     }
  68.  
  69.     @Override
  70.     public void onDetach() {
  71.         super.onDetach();
  72.         Log.i(TAG,"onDetach");
  73.     }
  74.  
  75.     @Override
  76.     public void onResume() {
  77.         super.onResume();
  78.         Log.i(TAG,"onResume");
  79.     }
  80.  
  81.     @Override
  82.     public void onPause() {
  83.         super.onPause();
  84.         Log.i(TAG,"onPause");
  85.     }
  86.  
  87.     @Override
  88.     public void onStop() {
  89.         super.onStop();
  90.         Log.i(TAG,"onStop");
  91.     }
  92.  
  93.     @Override
  94.     public void onDestroyView() {
  95.         super.onDestroyView();
  96.         Log.i(TAG,"onDestroyView");
  97.     }
  98. }

四、看看主要的MainActivity

主要是这几个类：

  1. <span style="font-size:18px;color:#009900;"><span style="white-space:pre">	</span>android.support.v4.app.FragmentManager manager = getSupportFragmentManager();
  2.         Fragment fragment = manager.findFragmentByTag(tag);
  3.         android.support.v4.app.FragmentTransaction transaction = manager.beginTransaction();</span>

 


  1. package com.example.hejingzhou.fragmentdemo;
  2.  
  3.  
  4. import android.support.design.widget.TabLayout;
  5. import android.support.v4.app.Fragment;
  6. import android.support.v4.app.FragmentTransaction;
  7. import android.support.v7.app.AppCompatActivity;
  8. import android.os.Bundle;
  9. import android.util.Log;
  10. import android.view.View;
  11. import android.widget.Button;
  12. import android.widget.EditText;
  13. import android.widget.Toast;
  14.  
  15. public class MainActivity extends AppCompatActivity implements View.OnClickListener {
  16.     private EditText editTextRemovenumber;
  17.     private EditText editTextReplace;
  18.     private String TAG = getClass().getCanonicalName();
  19.  
  20.     @Override
  21.     protected void onCreate(Bundle savedInstanceState) {
  22.         super.onCreate(savedInstanceState);;
  23.         setContentView(R.layout.activity_main);
  24.         findViewById();
  25.         /**
  26.          * 滑动选项卡
  27.          */
  28. /*      TabLayout tabLayout = (TabLayout)findViewById(R.id.tabLayout);
  29.         Log.i(TAG,"tabLayout.getId()"+tabLayout.getId());//tabLayout.getId()2131492975
  30.         Log.i(TAG,"tabLayout.getSelectedTabPosition()"+tabLayout.getSelectedTabPosition());//-1
  31.         Log.i(TAG, "tabLayout.getTabCount()"+tabLayout.getTabCount());//0
  32.         tabLayout.setAlpha(0.5f);
  33.             tabLayout.addTab(tabLayout.newTab().setText("笑话"));
  34.             tabLayout.addTab(tabLayout.newTab().setText("视频"));
  35.             tabLayout.addTab(tabLayout.newTab().setText("狗血"));
  37.             tabLayout.setOnTabSelectedListener(new TabLayout.OnTabSelectedListener() {
  38.                 @Override
  39.                 public void onTabSelected(TabLayout.Tab tab) {
  41.                     if (tab.getText().equals("笑话")) {
  42.                         Fragment1_management fragment1 = new Fragment1_management();
  43.                         addFragment(fragment1, "1");
  44.                     } else if (tab.getText().equals("狗血")) {
  45.                         Fragment2_management fragment2_management = new Fragment2_management();
  46.                         addFragment(fragment2_management, "2");
  47.                     } else if (tab.getText().equals("视频")) {
  48.                         Toast.makeText(getApplicationContext(), "选择视频", Toast.LENGTH_SHORT).show();
  49.                     }
  50.                 }
  52.                 @Override
  53.                 public void onTabUnselected(TabLayout.Tab tab) {
  54.                     Log.i(TAG,"滑动选项卡未选择");
  55.                 }
  57.                 @Override
  58.                 public void onTabReselected(TabLayout.Tab tab) {
  59.                     Log.i(TAG,"滑动选项卡选择");
  60.                 }
  61.             });*/
  62.     }
  63.     private void findViewById() {
  64.         Button btnFrag_1 = (Button) findViewById(R.id.button_fra1);
  65.         btnFrag_1.setOnClickListener(this);
  66.         Button btnFrag_2 = (Button) findViewById(R.id.button_fra2);
  67.         btnFrag_2.setOnClickListener(this);
  68.         editTextRemovenumber = (EditText) findViewById(R.id.editView);
  69.         Button remove = (Button) findViewById(R.id.remove);
  70.         remove.setOnClickListener(this);
  71.         Button btnReplace = (Button) findViewById(R.id.buttonReplace);
  72.         btnReplace.setOnClickListener(this);
  73.         editTextReplace = (EditText) findViewById(R.id.editTextReplace);
  74.     }
  75.  
  76.     @Override
  77.     public void onClick(View v) {
  78.         switch (v.getId()) {
  79.             case R.id.button_fra1:
  80.                 Fragment1_management fragment1 = new Fragment1_management();
  81.                 addFragment(fragment1, "1");
  82.                 break;
  83.             case R.id.button_fra2:
  84.                 Fragment2_management fragment2_management = new Fragment2_management();
  85.                 addFragment(fragment2_management, "2");
  86.                 break;
  87.             case R.id.remove:
  88.                 Log.i(TAG,""+editTextRemovenumber.getText());
  89.                 if (editTextRemovenumber.getText() != null) {
  90.                     removeFragment(editTextRemovenumber.getText().toString());
  91.                 } else {
  92.                     Log.i(TAG,"确定editView为空,运行到这里还没出错");
  93.                     Toast.makeText(MainActivity.this, "请填写要删除的编号1或2", Toast.LENGTH_SHORT).show();
  94.                 }
  95.                 break;
  96.             case R.id.buttonReplace:
  97.                 if (editTextReplace.getText() != null) {
  98.                     Log.i(TAG, "edit不为null");
  99.                     Log.i(TAG, editTextReplace.getText().toString());
  100.                     replace(editTextReplace.getText().toString());
  101.                 } else {
  102.                     Toast.makeText(MainActivity.this, "请填写要替换的号1或2", Toast.LENGTH_SHORT).show();
  103.                 }
  104.                 break;
  105.         }
  106.     }
  107.     /**
  108.      * 添加Fragment
  109.      *
  110.      * @param fragment
  111.      * @param tag
  112.      */
  113.     private void addFragment(Fragment fragment, String tag) {
  114.         if (fragment.isAdded()) {//不是这么做的   这样做并没效果
  115.         } else {
  116.             android.support.v4.app.FragmentManager manager = getSupportFragmentManager();
  117.             android.support.v4.app.FragmentTransaction transaction = manager.beginTransaction();
  118.             transaction.add(R.id.fragment, fragment, tag);
  119.             transaction.commit();
  120.         }
  121.     }
  122.  
  123.     /**
  124.      * 删除Fragment
  125.      *
  126.      * @param tag
  127.      */
  128.     private void removeFragment(String tag) {
  129.         android.support.v4.app.FragmentManager manager = getSupportFragmentManager();
  130.         Fragment fragment = manager.findFragmentByTag(tag);
  131.         android.support.v4.app.FragmentTransaction transaction = manager.beginTransaction();
  132.         transaction.remove(fragment);
  133.         transaction.commit();
  134.     }
  135.  
  136.     /**
  137.      * 替换
  138.      *
  139.      * @param fragNum
  140.      */
  141.     private void replace(String fragNum) {
  142.         Log.i(TAG, "运行到了1");
  143.         Log.i(TAG, String.valueOf(1));
  144.         if (fragNum.equals(String.valueOf(1))) {
  145.             Log.i(TAG, "运行到了2");
  146.             android.support.v4.app.FragmentManager manager = getSupportFragmentManager();
  147.             Fragment1_management fragment1 = new Fragment1_management();
  148.             FragmentTransaction transaction = manager.beginTransaction();
  149.             transaction.replace(R.id.fragment, fragment1);
  150.             transaction.commit();
  151.         } else if (fragNum.equals(String.valueOf(2))) {
  152.             android.support.v4.app.FragmentManager manager = getSupportFragmentManager();
  153.             Fragment2_management fragment2 = new Fragment2_management();
  154.             FragmentTransaction transaction = manager.beginTransaction();
  155.             transaction.replace(R.id.fragment, fragment2);
  156.             transaction.commit();
  157.         }
  158.     }
  159.  
  160.     @Override
  161.     protected void onDestroy() {
  162.         super.onDestroy();
  163.     }
  164. }

三个方法而已。



五、然后我们再说说滑动选项卡：（以上注释掉的就是关于选项卡）

这个首先在main_activity中写一个Tablayout控件。


  1. <!--
  2. 1. app:tabIndicatorColor tab的指示符颜色 
  3. 2. app:tabSelectedTextColor 选择tab的文本颜色 
  4. 3. app:tabTextColor 普通tab字体颜色 
  5. 4. app:tabMode 模式，可选fixed和scrollable fixed是指固定个数，scrollable是可以横行滚动的（逼格高） 
  6. 5. app:tabGravity 对齐方式，可选fill和center
  7. -->

  1. <android.support.design.widget.TabLayout
  2.         android:id="@+id/tabLayout"
  3.         android:layout_width="match_parent"
  4.         android:layout_height="wrap_content"
  5.         app:tabIndicatorColor="#990033"
  6.         app:tabSelectedTextColor="#008b8b"
  7.         app:tabMode="scrollable"
  8.         app:tabGravity="fill"
  9.         android:layout_below="@+id/buttonReplace"
  10.         android:layout_alignRight="@+id/button_fra2"
  11.         android:layout_alignEnd="@+id/button_fra2" />

就这么简单。



源码：http://download.csdn.net/detail/csdnhejingzhou/9480342

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/小小林熬夜学编程/article/detail/225314
推荐阅读

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。