Android DataBinding ViewPage + Fragment 封装

最新推荐文章于 2024-06-07 10:30:45 发布

zMadmad

最新推荐文章于 2024-06-07 10:30:45 发布

阅读量2.2k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/zMadmad/article/details/51226432

Android Databinding 专栏收录该内容

2 篇文章

订阅专栏

最近在使用 DataBinding ，顺便弄下ViewPage + Fragment

直接上代码，先看DockerItem的代码

public class DockerItem {

    public static enum ItemType{
        Home,Classfy,Personal
    }

    ItemType type;
    int iconRes;
    int textRes;

    public DockerItem(int textRes,int iconRes,ItemType type){
        this.textRes = textRes;
        this.iconRes = iconRes;
        this.type = type;
    }

    public ItemType getType() {
        return type;
    }

    public void setType(ItemType type) {
        this.type = type;
    }

    public int getIconRes() {
        return iconRes;
    }

    public void setIconRes(int iconRes) {
        this.iconRes = iconRes;
    }

    public int getTextRes() {
        return textRes;
    }

    public void setTextRes(int textRes) {
        this.textRes = textRes;
    }
}

应该都明白什么意思吧，下面是item的布局

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">

    <data>

        <variable
            name="item"
            type="com.example.yzhang.test.DockerItem"/>
    </data>
    <RelativeLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@color/transparent"
        android:orientation="vertical">

        <ImageView
            android:layout_width="24dp"
            android:layout_height="24dp"
            android:id="@+id/icon"
            android:layout_centerHorizontal="true"
            android:layout_marginTop="@dimen/dock_bar_item_margin_top"
            app:imageResource="@{item.iconRes}"
            android:duplicateParentState="true"
            android:scaleType="fitXY" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/title"
            android:layout_below="@+id/icon"
            android:layout_centerHorizontal="true"
            android:layout_marginTop="@dimen/dock_bar_item_view_margin"
            android:duplicateParentState="true"
            android:paddingBottom="@dimen/dock_bar_item_margin_bottom"
            android:text="@{item.textRes}"
            android:textColor="@drawable/dock_menu_item_textcolor"
            android:textSize="@dimen/dock_bar_item_text_size"
            />

    </RelativeLayout>

</layout>

Image就是底部docker的图片，textView是文字说明

下面到dockerBar dockerBar的代码有点多，比较适用

public class DockerBar extends LinearLayout{

    DockerBarBinding mDockerBarBinding;
    private OnItemClickListener mOnItemClickListener;
    List<DockerItem> mItems = new ArrayList<>();


    public interface  OnItemClickListener{
        void onItemClick(DockerBar dockerBar,DockerItem item);
    }


    public DockerBar(Context context) {
        this(context,null);
    }

    public DockerBar(Context context, AttributeSet attrs) {
        this(context, attrs,0);
    }

    public DockerBar(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        initViews();
    }
    public void setmOnItemClickListener(OnItemClickListener l){
        mOnItemClickListener = l;
    }
    private void init(){
        DockerItem item = new DockerItem(R.string.home,R.drawable.dockbar_home_selector,DockerItem.ItemType.Home);
        mItems.add(item);
        item = new DockerItem(R.string.classify,R.drawable.dockbar_classify_selector,DockerItem.ItemType.Classfy);
        mItems.add(item);
        item = new DockerItem(R.string.personal,R.drawable.dockbar_personal_selector,DockerItem.ItemType.Personal);
        mItems.add(item);
    }
    private  void initViews(){
        init();
        LayoutInflater infaInflater = LayoutInflater.from(getContext());
        System.out.print(infaInflater);
        mDockerBarBinding = DataBindingUtil.inflate(infaInflater,R.layout.docker_bar,this,true);
        mDockerBarBinding.dockerList.removeAllViews();
        for (int i=0;i<mItems.size();i++){;
            //获得某项item
            final  DockerItem item = mItems.get(i);
            //加载ITEM布局
            DockerItemBinding binding = DataBindingUtil.inflate(infaInflater,R.layout.docker_item,this,false);
            //设置databinding数据
            binding.setItem(item);
            //新建一个布局适配
            LinearLayout.LayoutParams viewParams = new LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT);
            viewParams.weight=1;
            //获得视图
            View itemView = binding.getRoot();
            //设置点击事件
            itemView.setOnClickListener(new OnClickListener() {
                @Override
                public void onClick(View v) {
                    if(mOnItemClickListener!=null){
                        mOnItemClickListener.onItemClick(DockerBar.this,item);
                    }
                    //设置选中
                    setSelection(item.getType());
                }
            });

            mDockerBarBinding.dockerList.addView(itemView,viewParams);
        }
        setSelection(DockerItem.ItemType.Home);
    }

    public void setSelection(DockerItem.ItemType type){
        int postion = type.ordinal();
        int count  = mDockerBarBinding.dockerList.getChildCount();
        for (int i=0;i<count;i++) {
            View child = mDockerBarBinding.dockerList.getChildAt(i);
            child.setSelected(i == postion);
        }
    }

    public void setSelection(int index){
        int cout = mDockerBarBinding.dockerList.getChildCount();
        for (int i = 0;i<cout;i++) {
            View child = mDockerBarBinding.dockerList.getChildAt(i);
            child.setSelected(i == index);
        }
    }
}

注意，这个属于自定义的一个layout

dockerBar的XML布局文件如下：

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android">

    <data>

    </data>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:alpha="0.95"
        android:background="#f4fcfcfc"
        android:orientation="vertical">

        <view
            android:layout_width="match_parent"
            android:layout_height="1px"
            android:background="#acacac" />

        <LinearLayout
            android:id="@+id/docker_list"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="horizontal"
            android:scrollbars="none"></LinearLayout>
    </LinearLayout>
</layout>

public class FragAdapter extends FragmentPagerAdapter {

    List<Fragment> mFragments = new ArrayList<>();

    public FragAdapter(FragmentManager fm){
        super(fm);
        mFragments.add(new HomeFragment());
        mFragments.add(new ClassifyFragment());
        mFragments.add(new PersonalFragment());
    }

    @Override
    public Fragment getItem(int position) {
        return mFragments.get(position);
    }

    @Override
    public int getCount() {
        return mFragments.size();
    }
}

MainActivity

public class MainActivity extends AppCompatActivity {

    ActivityMainBinding mBinding;
    FragAdapter mAdapter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        mBinding = DataBindingUtil.setContentView(this,R.layout.activity_main);
        setupViews();
    }

    private void setupViews() {
        mAdapter = new FragAdapter(getSupportFragmentManager());
        mBinding.viewPager.setAdapter(mAdapter);
        mBinding.viewPager.setOnPageChangeListener(mOnPageChangeListener);
        mBinding.dockerBar.setmOnItemClickListener(mOnItemClickListener);
    }

    private ViewPager.OnPageChangeListener mOnPageChangeListener = new ViewPager.OnPageChangeListener() {
        @Override
        public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

        }

        @Override
        public void onPageSelected(int position) {
            mBinding.dockerBar.setSelection(position);
        }

        @Override
        public void onPageScrollStateChanged(int state) {

        }
    };

    private DockerBar.OnItemClickListener mOnItemClickListener = new DockerBar.OnItemClickListener() {
        @Override
        public void onItemClick(DockerBar dockerBar, DockerItem item) {
            switch (item.getType()){
                case Home:
                    mBinding.viewPager.setCurrentItem(0,false);
                    break;
                case Classfy:
                    mBinding.viewPager.setCurrentItem(1,false);
                    break;
                case Personal:
                    mBinding.viewPager.setCurrentItem(2,false);
                    break;
            }
        }
    };
}

XML 布局

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android">

    <data></data>

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:fitsSystemWindows="true">

        <com.example.yzhang.test.DockerBar
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:id="@+id/dockerBar"
            android:layout_alignParentBottom="true" />

        <android.support.v4.view.ViewPager
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:id="@+id/viewPager"
            android:layout_above="@id/dockerBar"
            />
    </RelativeLayout>
</layout>

又写了一个BaseFragment

public class BaseFragment extends Fragment   {
    protected ViewGroup mViewGroup;
    protected Context mContext;
    protected Activity mActivity;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        mActivity = getActivity();
        mContext = getActivity().getApplicationContext();
    }

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        return mViewGroup;
    }

    public void onResume() {
        super.onResume();
    }

    public void onPause() {
        super.onPause();
    }


}

最后就是一个简单的Fragment 了继承Base

public class HomeFragment extends BaseFragment   {
    private static final String TAG = "HomeFragment";



    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        if (mViewGroup == null) {
            HomeFragmentBinding binding = HomeFragmentBinding.inflate(inflater, null, false);
            mViewGroup = (ViewGroup) binding.getRoot();
        }
        return super.onCreateView(inflater, container, savedInstanceState);
    }



}

布局

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android">

    <data>

        <variable
            name="test"
            type="java.lang.String" />
    </data>

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:text="Home" />

    </RelativeLayout>

</layout>

大概就是这些了,欢迎大家指正！

源码下载：http://download.youkuaiyun.com/detail/zmadmad/9500247