Android 端04小程序自定义导航栏|学习笔记

简介: 快速学习 Android 端04小程序自定义导航栏

开发者学堂课程【mPaaS 小程序开发实战:Android 端04小程序自定义导航栏】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址:https://developer.aliyun.com/learning/course/301/detail/3514


Android 端04小程序自定义导航栏

内容介绍

一、小程序自定义标题栏

 

一、小程序自定义标题栏

1、前置条件

如果您需要开通小程序自定义标题栏,需在custom configjson中加入:

{

“value": "NO",

"key": "mp_ta_use_orginal_mini_nagivationbar"

}

加入到默认使用小程序的工程里面

小程序和 H5共用一个导航栏,我们可以参考 H5的设置

首先,要实现 AbsTitleView,实现 AbsTitleView 后,要在 H5ViewProvider 中返回回去,并且把 Provider 设置给容器。

Dame 可以参考 android-tinyapp

除了拷贝 AbsTitleView,还有小程序右上角的一个胶囊区 Option button和 close button。

小程序右上角控制区 

当处于小程序场景时,最右侧区域需要特殊实现,步骤如下:

(1)继承 AbsTinyOptionMenuView 抽象类实现自定义控制区。

(2)在合适的地方,比如应用启动时,设置 TinvQptionMenuViewProvider 至容器。H5Utils.setProvider(TinvOptionMenuViewProvider.class.getName0.new TinvOptionMenuViewProviderof

@Override

public AbsTinyOptionMenuView createView(Context context){

return new TinyOptionMenuView(context);

}

}); 

按照容器规范要求,开发者必须实现和配置更多和 关闭按钮视图。

publicabstract void setOptionMenuOnClickListener(View.OnClickListener listener);

public abstract void setCloseButtonOnClickListener(View.OnClickListener listener);

public abstract void setCloseButtonOnLongClickListener(View.OnLongClickListener listener);

public abstract void onStateChanged(TinyAppActionState currentState);

public abstract View getView();

当小程序在使用定位的时候,会出现一个图标。如下图:

image.png

h5_new_title_layout.xml(自定义的title)

layout_tiny_right.xml(右边的胶囊)

public class MyApplication extends Application{

@Override

protected void attachBaseContext(Context base){

super.attachBaseContext(base);

QuinoxlessFramework.setup(this,()→{H5Utils.setProvider(H5AppCenterPresetProvider.class.getName(),newTinyAppCenterPresetProvider());

});

)I

@Override

public void onCreate(){

super.onCreate();

QuinoxlessFramework.init();}}

把它设置给我们的容器。

一切准备就绪进行运行。

打开小程序,可以看到现在的小程序已经自定义过了,随机点击一个示图,可以看到如图示例:

image.png

以上就是自定义小程序的内容。

相关文章
|
Android开发 UED 计算机视觉
Android自定义view之线条等待动画(灵感来源:金铲铲之战)
本文介绍了一款受游戏“金铲铲之战”启发的Android自定义View——线条等待动画的实现过程。通过将布局分为10份,利用`onSizeChanged`测量最小长度,并借助画笔绘制动态线条,实现渐变伸缩效果。动画逻辑通过四个变量控制线条的增长与回退,最终形成流畅的等待动画。代码中详细展示了画笔初始化、线条绘制及动画更新的核心步骤,并提供完整源码供参考。此动画适用于加载场景,提升用户体验。
853 5
Android自定义view之线条等待动画(灵感来源:金铲铲之战)
|
Android开发
Android自定义view之利用PathEffect实现动态效果
本文介绍如何在Android自定义View中利用`PathEffect`实现动态效果。通过改变偏移量,结合`PathEffect`的子类(如`CornerPathEffect`、`DashPathEffect`、`PathDashPathEffect`等)实现路径绘制的动态变化。文章详细解析了各子类的功能与参数,并通过案例代码展示了如何使用`ComposePathEffect`组合效果,以及通过修改偏移量实现动画。最终效果为一个菱形图案沿路径运动,源码附于文末供参考。
327 0
|
XML Java Android开发
Android自定义view之网易云推荐歌单界面
本文详细介绍了如何通过自定义View实现网易云音乐推荐歌单界面的效果。首先,作者自定义了一个圆角图片控件`MellowImageView`,用于绘制圆角矩形图片。接着,通过将布局放入`HorizontalScrollView`中,实现了左右滑动功能,并使用`ViewFlipper`添加图片切换动画效果。文章提供了完整的代码示例,包括XML布局、动画文件和Java代码,最终展示了实现效果。此教程适合想了解自定义View和动画效果的开发者。
607 65
Android自定义view之网易云推荐歌单界面
|
XML 前端开发 Android开发
一篇文章带你走近Android自定义view
这是一篇关于Android自定义View的全面教程,涵盖从基础到进阶的知识点。文章首先讲解了自定义View的必要性及简单实现(如通过三个构造函数解决焦点问题),接着深入探讨Canvas绘图、自定义属性设置、动画实现等内容。还提供了具体案例,如跑马灯、折线图、太极图等。此外,文章详细解析了View绘制流程(measure、layout、draw)和事件分发机制。最后延伸至SurfaceView、GLSurfaceView、SVG动画等高级主题,并附带GitHub案例供实践。适合希望深入理解Android自定义View的开发者学习参考。
1084 84
|
前端开发 Android开发 UED
讲讲Android为自定义view提供的SurfaceView
本文详细介绍了Android中自定义View时使用SurfaceView的必要性和实现方式。首先分析了在复杂绘制逻辑和高频界面更新场景下,传统View可能引发卡顿的问题,进而引出SurfaceView作为解决方案。文章通过Android官方Demo展示了SurfaceView的基本用法,包括实现`SurfaceHolder.Callback2`接口、与Activity生命周期绑定、子线程中使用`lockCanvas()`和`unlockCanvasAndPost()`方法完成绘图操作。
438 3
|
Android开发 开发者
Android自定义view之围棋动画(化繁为简)
本文介绍了Android自定义View的动画实现,通过两个案例拓展动态效果。第一个案例基于`drawArc`方法实现单次动画,借助布尔值控制动画流程。第二个案例以围棋动画为例,从简单的小球直线运动到双向变速运动,最终实现循环动画效果。代码结构清晰,逻辑简明,展示了如何化繁为简实现复杂动画,帮助读者拓展动态效果设计思路。文末提供完整源码,适合初学者和进阶开发者学习参考。
302 0
Android自定义view之围棋动画(化繁为简)
|
Java Android开发 开发者
Android自定义view之围棋动画
本文详细介绍了在Android中自定义View实现围棋动画的过程。从测量宽高、绘制棋盘背景,到创建固定棋子及动态棋子,最后通过属性动画实现棋子的移动效果。文章还讲解了如何通过自定义属性调整棋子和棋盘的颜色及动画时长,并优化视觉效果,如添加渐变色让白子更明显。最终效果既可作为围棋动画展示,也可用作加载等待动画。代码完整,适合进阶开发者学习参考。
412 0
|
Android开发 数据库管理 数据库
|
Java Android开发 C++
Android NDK开发入门学习笔记(图文教程,极其详尽)
以前也简单用过JNI,但是只是简单用一下,好多都不明白。最近在看源码部分,有涉及到JNI调用的,所以这次打算彻底把它搞定。 先普及一下JNI的调用关系:JAVA------------------------>JNI------------------------------->Native.
1760 0