基于Python 优化 MUI标题栏

目录
  • 一、前言
  • 二、问题描述
  • 三、解决方案
    • 1.  创建一个带返回键标题栏
    • 2.更改标题栏的背景颜色
    • 3.更改标题栏的字体颜色
    • 4.更改标题栏的字体
  • 四、结语

本文转自微信公众号："算法与编程之美"

一、前言

三步搭建MUI页面主框架法包括新建含mui的HTML文件、输入mheader（标题栏）、输入mbody（主体）。一个特色鲜明MUI界面无疑是能够吸引用户的关键之一，这利用css和JavaScript可以很快进行实现，但是同时对于初学者来说也是困难的，这就需要几个简单的小技巧实现页面美化。

二、问题描述

在将基本框架搭好以后，如何从一众手机界面中脱颖而出，如何简单快捷的实现页面美化成为一个必须思考的问题。下面小编将以带返回键的标题栏为例，为大家整理了几个优化小方法。

三、解决方案

在进行标题栏美化时只需要借助style中的background(背景颜色)、color(字体颜色)、font-family(字体样式)、font-size(字体大小)即可。下面是进行标题栏美化的具体操作步骤，除第一步以外其他的操作可随意调换顺序。

1.  创建一个带返回键标题栏

<header class="mui-bar mui-bar-nav">

<a class="mui-action-back  mui-icon mui-icon-left-nav mui-pull-left"></a>

   <h1>算法与编程之美</h1></header>

2.更改标题栏的背景颜色

<headerclass="mui-barmui-bar-nav"style="background:yellowgreen;"  >

<!直接使用style添加页面背景颜色>

3.更改标题栏的字体颜色

<a class="mui-action-back mui-icon  mui-icon-left-nav mui-pull-left" style="color: white;"></a>

<h1 style="color:  white;" >算法与编程之美</h1><!style更改字体颜色以及字体>

4.更改标题栏的字体

<h1 style="color:  white;font-family: '楷体';" >算法与编程之美</h1><!style更改字体颜色以及字体>

四、结语

在对标题栏进行样式设计以后，针对底部选项卡、段落、加载按钮等可以使用相同的方法进行字体和背景颜色的更改。当然这种简单的办法也只能做很小的改变，要真正将自己的软件界面格调提高，css和JavaScript的学习是必须进行的。

到此这篇关于基于Python 优化 MUI标题栏的文章就介绍到这了,更多相关MUI标题栏优化内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们！

赞 (0)

相关推荐

  • 基于python使MUI登录页面的美化

    基于python使MUI登录页面的美化

    目录 1.前言 2.问题描述 3.解决方案 (1)背景美化 (2)输入框美化 4.结语 本文转自微信公众号:"算法与编程之美" 1.前言 之前的文章Python用HBuilder创建交流社区APP我们已经在HBuilder上创建的APP ,现HBuilder中已经有了登录页面的相关的html文件,但是按照html已有的页面来看,它缺少外观的美化.现在大多数软件需要外观的加成,本篇文章主要讲的是MUI登录页面的美化. 2.问题描述 在将主要的内容构造之后,如今思考如何实现将页面进行美化是

  • 基于Python实现MUI侧滑菜单a标签跳转

    基于Python实现MUI侧滑菜单a标签跳转

    目录 1.前言 2.问题描述 3.解决方案 4.结语 本文转自微信公众号:"算法与编程之美" 1.前言 侧滑是一个非常实用的选项组件,它在Android App应用中非常广泛,常见的场景有:下拉刷新,侧滑抽屉,侧滑删除,侧滑返回以及侧滑菜单等.就是因为侧滑应用太过于广泛,它所带来的问题也是应接不暇. 2.问题描述 在实际操作过程中,实现侧滑菜单带来了那么一个问题,侧滑菜单已经实现,但是侧滑导航的子选项卡里的内容要如何实现跳转,通常想到的办法便是建立<a>标签选项卡进行her

  • 基于python实现MUI区域滚动

    基于python实现MUI区域滚动

    目录 1.前言 2.问题描述 3.解决方案 4.结语 本文转自微信公众号:"算法与编程之美" Python用HBuilder创建交流社区APP 基于Python实现MUI侧滑菜单a标签跳转 基于Python 优化 MUI标题栏 基于python使MUI登录页面的美化 1.前言 MUI提供了区域滚动的组件,使用时遵循DOM结构就可以.若是需要使用区域滚动的组件,就需要初始化scroll控件.本次在制作页面时关于区域滚动遇到了一些问题将会在下文展开. 2.问题描述 在创建好区域滚动之后不能

  • 基于Python 优化 MUI标题栏

    基于Python 优化 MUI标题栏

    目录 一.前言 二.问题描述 三.解决方案 1.  创建一个带返回键标题栏 2.更改标题栏的背景颜色 3.更改标题栏的字体颜色 4.更改标题栏的字体 四.结语 本文转自微信公众号:"算法与编程之美" 一.前言 三步搭建MUI页面主框架法包括新建含mui的HTML文件.输入mheader(标题栏).输入mbody(主体).一个特色鲜明MUI界面无疑是能够吸引用户的关键之一,这利用css和JavaScript可以很快进行实现,但是同时对于初学者来说也是困难的,这就需要几个简单的小技巧实现页

  • 基于Python中单例模式的几种实现方式及优化详解

    单例模式 单例模式(Singleton Pattern)是一种常用的软件设计模式,该模式的主要目的是确保某一个类只有一个实例存在.当你希望在整个系统中,某个类只能出现一个实例时,单例对象就能派上用场. 比如,某个服务器程序的配置信息存放在一个文件中,客户端通过一个 AppConfig 的类来读取配置文件的信息.如果在程序运行期间,有很多地方都需要使用配置文件的内容,也就是说,很多地方都需要创建 AppConfig 对象的实例,这就导致系统中存在多个 AppConfig 的实例对象,而这样会严重浪

  • 基于Python和Scikit-Learn的机器学习探索

    你好,%用户名%! 我叫Alex,我在机器学习和网络图分析(主要是理论)有所涉猎.我同时在为一家俄罗斯移动运营商开发大数据产品.这是我第一次在网上写文章,不喜勿喷. 现在,很多人想开发高效的算法以及参加机器学习的竞赛.所以他们过来问我:"该如何开始?".一段时间以前,我在一个俄罗斯联邦政府的下属机构中领导了媒体和社交网络大数据分析工具的开发.我仍然有一些我团队使用过的文档,我乐意与你们分享.前提是读者已经有很好的数学和机器学习方面的知识(我的团队主要由MIPT(莫斯科物理与技术大学)和

  • 基于Python的文件类型和字符串详解

    基于Python的文件类型和字符串详解

    1. Python的文件类型 1. 源代码--直接由Python解析 vi 1.py #!/usr/bin/python print 'hello world' 这里的1.py就是源代码 执行方式和shell脚本类似: chmod +x 后,./1.py Python 1.py 2. 字节代码 Python源码文件经编译后生成的扩展名为pyc的文件 编译方法: [root@t1 py]# cat 2.py #!/usr/bin/python import py_compile py_compil

  • 基于python实现高速视频传输程序

    今天要说的是一个高速视频流的采集和传输的问题,我不是研究这一块的,没有使用什么算法,仅仅是兴趣导致我很想搞懂这个问题. 1,首先是视频数据[摄像头图像]的采集,通常可以使用vfw在vc或者vb下实现,这个库我用的不好,所以一直不怎么会用.现在我们用到的是python的videocapture库,这个库用起来很简单,如下: from VideoCapture import Device cam = Device() cam.setResolution(320,240) #设置显示分辨率 cam.s

  • 基于Python的SQL Server数据库实现对象同步轻量级

    缘由 日常工作中经常遇到类似的问题:把某个服务器上的某些指定的表同步到另外一台服务器. 类似需求用SSIS或者其他ETL工作很容易实现,比如用SSIS的话,就会会存在相当一部分反复的手工操作. 建源的数据库信息,目标的数据库信息,如果是多个表,需要一个一个地拉source和target,然后一个一个地mapping,然后运行实现数据同步. 然后很可能,这个workflow使用也就这么一次,就寿终正寝了,却一样要浪费时间去做这个ETL. 快速数据同步实现 于是在想,可不可能快速实现类似需求,尽最大

  • 基于python实现微信好友数据分析（简单）

    一.功能介绍 本文主要介绍利用网页端微信获取数据,实现个人微信好友数据的获取,并进行一些简单的数据分析,功能包括: 1.爬取好友列表,显示好友昵称.性别和地域和签名, 文件保存为 xlsx 格式 2.统计好友的地域分布,并且做成词云和可视化展示在地图上 二.依赖库 1.Pyecharts:一个用于生成echarts图表的类库,echarts是百度开源的一个数据可视化库,用echarts生成的图可视化效果非常棒,使用pyechart库可以在python中生成echarts数据图. 2.Itchat

随机推荐