简书链接:android少量的改动不需要修改xml只需要修改继承类就可以使自己所有界面变成ios11界面
文章字数：361,阅读全文大约需要1分钟
android 少量的改动不需要修改xml只需要修改继承类就可以使自己所有界面变成ios11界面
看到标题我想大家也知道了,实际上谷歌的appcompattivity 翻译就是兼容Activity根据源码它也是偷天换日的修改id,实现的，突然想想，我以前不也是这么做的么，还以为不够优雅，哈哈，谷歌都这么做的，所以我决定写写教程献献丑了哈哈！
不得不说ui设计师和产品经理狗非常变态，简直跪舔苹果，连个设计图都基本上要搞得跟ios11一样，大标题的头部。
滑动的缩放效果,那么如何实现呢？？
先不考虑批量替换问题，先探讨如何实现滑动从小标题变成大标题。
实现起来其实也非常简单,因为android的材质化设计包里面有现成的嵌套滑动布局.借助它就可以轻松兼容大部分界面,部分界面需要设置权重,也就是底部是固定的，然后上部分给另外的内容滚动布局，，这时候需要做很多偷天换日的工作。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
| @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) {
}
});
}
|
布局文件
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
| <?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>
|
alipay
wechat