android 少量的改动不需要修改xml只需要修改继承类就可以使自己所有界面变成ios11界面...

android 少量的改动不需要修改xml只需要修改继承类就可以使自己所有界面变成ios11界面

看到标题我想大家也知道了,实际上谷歌的appcompattivity 翻译就是兼容Activity根据源码它也是偷天换日的修改id,实现的，突然想想，我以前不也是这么做的么，还以为不够优雅，哈哈，谷歌都这么做的，所以我决定写写教程献献丑了哈哈！

不得不说ui设计师和产品经理狗非常变态，简直跪舔苹果，连个设计图都基本上要搞得跟ios11一样，大标题的头部。
滑动的缩放效果,那么如何实现呢？？
先不考虑批量替换问题，先探讨如何实现滑动从小标题变成大标题。
实现起来其实也非常简单,因为android的材质化设计包里面有现成的嵌套滑动布局.借助它就可以轻松兼容大部分界面,部分界面需要设置权重,也就是底部是固定的，然后上部分给另外的内容滚动布局，，这时候需要做很多偷天换日的工作。

@Override
    protected void onCreateViewFixFinish(View view) {
        ViewGroup parent = (ViewGroup) view.getParent();
        int index = parent.indexOfChild(view);
        parent.removeViewAt(index);

//        binding = DataBindingUtil.inflate(LayoutInflater.from(this), R.layout.ios11layout_wrap, parent, false);
        iosLayoutRootView = LayoutInflater.from(this).inflate(getIos11Layout(), parent, false);
        myContentView = (ViewGroup) iosLayoutRootView.findViewById(R.id.my_content_view);
        appbarLayout = (AppBarLayout) iosLayoutRootView.findViewById(R.id.appbar);
        toolBar = (TextView) iosLayoutRootView.findViewById(R.id.toolbar);
        buttomContainer = (ViewGroup) iosLayoutRootView.findViewById(R.id.buttom_container);
        collapsingToolbarlayout = (CollapsingToolbarLayout) iosLayoutRootView.findViewById(R.id.collapsing_toolbarlayout);
        headViewWrapFix = (ViewGroup) iosLayoutRootView.findViewById(R.id.head_view_wrap_fix);
        myContentView.addView(view);
        parent.addView(iosLayoutRootView);

//        LayoutTransition transition = new LayoutTransition();
//        transition.setAnimator(LayoutTransition.CHANGE_APPEARING, null);
//        ((ViewGroup) binding.toolbar.getParent()).setLayoutTransition(transition);

        appbarLayout.addOnOffsetChangedListener(new OnAppBarStateChangedListener() {
            @Override
            public void onStateChanged(AppBarLayout appBarLayout, State state) {

                if (state == State.EXPANDED) {
                    toolBar.setVisibility(View.GONE);
                    Prt.w(TAG, "展开中");
                } else if (state == State.COLLAPSED) {
                    toolBar.setVisibility(View.VISIBLE);
                    Prt.w(TAG, "收缩中");
                } else {

                }
            }

            @Override
            public void onScrolling(AppBarLayout appBarLayout, State state) {
            }
        });
    }

布局文件

<?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></data>
    <LinearLayout
        android:id="@+id/root_layout"
        android:layout_width="match_parent"
        android:orientation="vertical"
        android:layout_height="match_parent">

        <android.support.design.widget.CoordinatorLayout
            android:layout_weight="1"
            android:id="@+id/coordinator"

            android:layout_width="match_parent"
            android:layout_height="match_parent"
            >

            <android.support.design.widget.AppBarLayout
                android:id="@+id/appbar"
                android:layout_width="match_parent"

                android:layout_height="wrap_content"
                >

                <android.support.design.widget.CollapsingToolbarLayout
                    android:id="@+id/collapsing_toolbarlayout"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:background="@color/colorThemeColor"
                    app:collapsedTitleGravity="center"
                    app:contentInsetLeft="0dp"
                    app:contentInsetStart="0dp"
                    app:contentScrim="@color/transparent"
                    app:expandedTitleGravity="left|center_vertical"
                    app:layout_scrollFlags="scroll|enterAlwaysCollapsed"
                    app:scrimAnimationDuration="100"
                    app:scrimVisibleHeightTrigger="0dp"
                    app:titleEnabled="false">


                    <FrameLayout
                        android:id="@+id/head_view_wrap_fix"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        app:layout_collapseMode="pin">

                    </FrameLayout>
                    <!--app:layout_scrollFlags="exitUntilCollapsed"-->
                    <!--上滑保留标题栏 app:layout_collapseMode-->

                </android.support.design.widget.CollapsingToolbarLayout>

                <TextView
                    android:id="@+id/toolbar"
                    app:layout_scrollFlags="exitUntilCollapsed"
                    android:text="@string/app_name"
                    style="@style/style_ios_small_title" />

            </android.support.design.widget.AppBarLayout>


            <FrameLayout
                android:id="@+id/my_content_view"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                app:layout_behavior="android.support.design.widget.AppBarLayout$ScrollingViewBehavior">

            </FrameLayout>


        </android.support.design.widget.CoordinatorLayout>
        <FrameLayout
            android:id="@+id/buttom_container"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

        </FrameLayout>
    </LinearLayout>
</layout>