Fragment滑动切换简单案例
生活随笔
收集整理的這篇文章主要介紹了
Fragment滑动切换简单案例
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
Fragment的產生與介紹Android運行在各種各樣的設備中,有小屏幕的手機,超大屏的平板甚至電視。針對屏幕尺寸的差距,很多情況下,都是先針對手機開發一套App,然后拷貝一份,修改布局以適應平板神馬超級大屏的。難道無法做到一個App可以同時適應手機和平板么,當然了,必須有啊。Fragment的出現就是為了解決這樣的問題。你可以把Fragment當成Activity的一個界面的一個組成部分,甚至Activity的界面可以完全有不同的Fragment組成,更帥氣的是Fragment擁有自己的生命周期和接收、處理用戶的事件,這樣就不必在Activity寫一堆控件的事件處理的代碼了。更為重要的是,你可以動態的添加、替換和移除某個Fragment
實例圖片:
MainActivity package com.shaoxin.myfragment;import android.os.Bundle; import android.support.v4.app.Fragment; import android.support.v4.app.FragmentManager; import android.support.v4.app.FragmentPagerAdapter; import android.support.v4.app.FragmentTransaction; import android.support.v4.view.ViewPager; import android.support.v7.app.AppCompatActivity; import android.widget.RadioGroup;import java.util.ArrayList; import java.util.List;public class MainActivity extends AppCompatActivity implements ViewPager.OnPageChangeListener {private FragmentManager fragment;private RadioGroup radioGroup;private FragmentTransaction fragmentTransaction;private FirstFragment firstFragment;private SecondFragment secondFragment;private ThirdFragment thirdFragment;private ViewPager viewpager;MyAdpter myAdpter;private List<Fragment> list;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);//獲取管理工具fragment = getSupportFragmentManager();radioGroup = (RadioGroup) findViewById(R.id.radio_group);viewpager = (ViewPager) findViewById(R.id.viewpager);//實例化fragmentfirstFragment = new FirstFragment();secondFragment = new SecondFragment();thirdFragment = new ThirdFragment();list = new ArrayList<>();list.add(firstFragment);list.add(secondFragment);list.add(thirdFragment);myAdpter = new MyAdpter(fragment);radioGroup.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {@Overridepublic void onCheckedChanged(RadioGroup group, int checkedId) {//開啟事務 // fragmentTransaction = fragment.beginTransaction();switch (checkedId) {case R.id.radio_masg://替換填充view // fragmentTransaction.replace(R.id.viewpager, firstFragment);viewpager.setCurrentItem(0);break;case R.id.radio_imag:viewpager.setCurrentItem(1); // fragmentTransaction.replace(R.id.viewpager, secondFragment);break;case R.id.radio_setting:viewpager.setCurrentItem(2); // fragmentTransaction.replace(R.id.viewpager, thirdFragment);break;}//提交數據 // fragmentTransaction.commit(); }});viewpager.setAdapter(myAdpter);viewpager.addOnPageChangeListener(this);}@Overridepublic void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {}@Overridepublic void onPageSelected(int position) {switch (position) {case 0:radioGroup.check(R.id.radio_masg);break;case 1:radioGroup.check(R.id.radio_imag);break;case 2:radioGroup.check(R.id.radio_setting);break;}}@Overridepublic void onPageScrollStateChanged(int state) {}public class MyAdpter extends FragmentPagerAdapter {public MyAdpter(FragmentManager fm) {super(fm);}@Overridepublic Fragment getItem(int position) {return list.get(position);}@Overridepublic int getCount() {return list.size();}} } FirstFragment package com.shaoxin.myfragment;import android.os.Bundle; import android.support.annotation.Nullable; import android.support.v4.app.Fragment; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup;/*** Created by shaoxin on 2016/12/11.*/public class FirstFragment extends Fragment {@Nullable@Overridepublic View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {container = (ViewGroup) inflater.inflate(R.layout.first_fragment, null);return container;} } SecondFragment package com.shaoxin.myfragment;import android.os.Bundle; import android.support.annotation.Nullable; import android.support.v4.app.Fragment; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup;/*** Created by shaoxin on 2016/12/11.*/public class SecondFragment extends Fragment {@Nullable@Overridepublic View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {container = (ViewGroup) inflater.inflate(R.layout.sec_fragment, null);return container;} } ThirdFragment package com.shaoxin.myfragment;import android.os.Bundle; import android.support.annotation.Nullable; import android.support.v4.app.Fragment; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup;/*** Created by shaoxin on 2016/12/11.*/public class ThirdFragment extends Fragment {@Nullable@Overridepublic View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {container = (ViewGroup) inflater.inflate(R.layout.third_fragment, null);return container;} }activity_main.xml
<?xml version="1.0" encoding="utf-8"?> <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:tools="http://schemas.android.com/tools"android:id="@+id/activity_main"android:layout_width="match_parent"android:layout_height="match_parent"android:paddingBottom="@dimen/activity_vertical_margin"android:paddingLeft="@dimen/activity_horizontal_margin"android:paddingRight="@dimen/activity_horizontal_margin"android:paddingTop="@dimen/activity_vertical_margin"tools:context="com.shaoxin.myfragment.MainActivity"><android.support.v4.view.ViewPagerandroid:id="@+id/viewpager"android:layout_width="match_parent"android:layout_height="match_parent" /><RadioGroupandroid:id="@+id/radio_group"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_gravity="bottom"android:orientation="horizontal"><RadioButtonandroid:id="@+id/radio_masg"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_weight="1"android:button="@null"android:drawableTop="@drawable/button_background"android:gravity="center_horizontal"android:text="消息" /><RadioButtonandroid:id="@+id/radio_imag"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_weight="1"android:button="@null"android:drawableTop="@drawable/button_background"android:gravity="center_horizontal"android:text="圖片" /><RadioButtonandroid:id="@+id/radio_setting"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_weight="1"android:button="@null"android:drawableTop="@drawable/button_background"android:gravity="center_horizontal"android:text="設置" /></RadioGroup></FrameLayout>first_fragment.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"><ImageViewandroid:layout_width="match_parent"android:layout_height="match_parent"android:src="@drawable/a"/> </LinearLayout>sec_fragment.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"><ImageViewandroid:layout_width="match_parent"android:layout_height="match_parent"android:src="@drawable/b"/> </LinearLayout>third_fragment.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"><ImageViewandroid:layout_width="match_parent"android:layout_height="match_parent"android:src="@drawable/b"/> </LinearLayout>然后再drawable文件夾中創建文件button_background.xml
<?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"><item android:drawable="@android:drawable/star_on" android:state_checked="true" /><item android:drawable="@android:drawable/star_off" android:state_checked="false" /> </selector>另外的圖片自行插入
?
轉載于:https://www.cnblogs.com/ShaoXin/p/6171860.html
總結
以上是生活随笔為你收集整理的Fragment滑动切换简单案例的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: JVM内存模型与垃圾回收GC
- 下一篇: bzoj4950(二分图最大匹配)