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>