标题栏

jQuery Dialog 弹出层对话框插件 时间： 2010-08-10 Tag： Dialog 弹出层 Jquery 原理很简单，通过 JS 动态构建一个div层，将其插入到body中，然后通过调整position的 CSS 属性为absolute或fixed，使其脱离原来的文档流的位置。再通过适当的加工美化就成了。 复制代码 代码如下: <!-- 背景遮盖层 --> <div cl as s="dialog-overlay"></div> <!-- 对话框 --> <div class="dialog"> <div class="bar"> <span class="title">标题</span> <a class="close">[关闭]</a> </div> <div class="content">内容部分</div> </div> 这就是两个div层的结构，第一个背景遮盖层只有在需要的时候才创建。每个div都定义了一个CSS类，这样便于自定义其外观。 一些基本功能的实现 移动框体 只要在mousemove事件中，计算两次移动鼠标位置的差值，再加上被移动框的原始的top,left，就是对话框新的位置。mousemove事件只需要在鼠标按下标题栏的时候才需要触发，所以只有在触发标题栏的mousedown事件时才绑定mousemove事件

html+mui 本文仅用于个人学习，感谢批评指正 webview Webview模块管理应用窗口界面，实现多窗口的逻辑控制管理操作。通过plus.webview可获取应用界面管理对象。 属性： isRecovery: 当前Webview窗口是否由于内核崩溃自动恢复 方法： all :获取所有Webview窗口 close :关闭Webview窗口 create ：创建新的Webview窗口 currentWebview :获取当前窗口的WebviewObject对象 getDisplayWebview : 获取屏幕所有可视的Webview窗口 getWebviewById :查找指定标识的WebviewObject窗口 getLaunchWebview :获取应用首页WebviewObject窗口对象 getSecondWebview ：获取第二个首页WebviewObject窗口对象 getTopWebview ：获取应用栈顶的WebviewObject窗口对象 hide ：隐藏Webview窗口 open :创建并打开Web窗口 postMessageTouniNView ：向uniNView窗口发送消息 prefetchURLS ：预载网络页面 prefetchURLS ：预载多个网络页面 show ：显示Webview窗口 startAnimation

(一)Winfrom 窗体属性大全 : Name 属性：用来获取或设置窗体的名称。 AcceptButton 属性：该属性用来获取或设置一个值，该值是一个按钮的名称，当用户按 ENTER 键时就相当于单击了窗体上的该按钮。 AccessibleDescription 属性： 获取或设置辅助功能客户端应用程序使用的控件说明。 AccessibleName 属性： 获取或设置辅助功能客户端应用程序 所 使用的控件说明。 AccessibleRole 属性：获取或设置控件的辅助性角色。 AllowDrop 属性： 获取或设置一个值，该值指示控件是否可以接受用户拖放到它上面的数据。 AutoScaleMode 属性： 获取或设置控件的自动缩放模式 AutoScroll 属性：用来获取或设置一个值，该值指示窗体是否实现自动滚动。 AutoScrollMargin 属性：用来设置控件周围自动滚动的边距。 AutoScrollMinSize 属性：用来设置 滚动时的控件间距以及滚动条的最小滚动距离。 AutoSize 属性： 当有超出时是否自动调整窗口 AutoSizeMode 属性 :值是: GrowAndShrink 不能调整窗体大小 ；值是： GrowOnly 　可以改变大小 AutoValidate 属性：指示焦点更改时是否自动验证容器中的控件。 BackColor 属性

关于视图 Eclipse视图允许用户以图表形式更直观的查看项目的元数据。 例如，项目导航视图中显示的文件夹和文件图形表示在另外一个编辑窗口中相关的项目和属性视图。 Eclipse 透视图(perspective) 可以显示任何的视图和编辑窗口。 所有的编辑器实例出现在一个编辑器区域内，可以通过文件夹视图查看。 一个工作台窗口可以显示任意数量的文件夹视图。每个文件夹视图可以显示一个或多个视图。 组织视图 下图显示了文件夹视图的四个视图。 下图在两个文件夹视图中显示四个视图。 移除视图 views 视图从一个文件夹视图移动到另外一个文件夹视图只需要点击视图标题并推动视图工具区域到另外一个文件夹视图。 创建文件夹视图 文件夹视图可以通过移动视图标题栏到编辑去外或移动标题栏到另外一个文件夹视图来动态创建。 下图中如果你拖动了绿色线框内的标题栏意味着一个新的文件夹视图将被创建。 移动拖动图标到窗口的底部，您可以创建一个横跨窗口整个宽度的视图文件夹。移动拖动图标到窗口的左边或右边，您可以创建一个横跨窗口的整个高度视图文件夹。 操作视图 你可以在 Window 菜单中点击 "Show View" 选项打开其他视图。 点击 "Other" 菜单选项会弹出一个 "Show View" 对话框，对话框中你可以查找和激活视图。 视图通过各个分类来组织。你可以通过搜索框快速查找视图。 然后打开视图并选择

首先感谢博主的这篇文章 高仿美团APP页面滑动标题栏渐变效果 在这先放一下我的效果 这里收一下我和博主的不同 这里我用了nestScrollView代替了scrollView 增加了仿网易云音乐歌单界面的布局 增加了改变标题栏和状态栏字体颜色 这里使用了腾讯团队开源的 QMUI 源代码已经上传了github– 点击跳转 代码注释比较详细 //1、设置状态栏透明，是内容区域可以渗透到状态栏下(首个子布局添加android:fitsSystemWindows="true") //并增加android:paddingTop="@dimen/dp_25"，因为大多数手机状态栏高度是25dp，这样状态栏字体和标题栏字体就不会重叠 QMUIStatusBarHelper . translucent ( this ) ; //2.通过视图树获取需要滑动的距离(在此距离状态由完全透明逐渐变为完全不透明) final ViewTreeObserver viewTreeObserver = frame_flag . getViewTreeObserver ( ) ; viewTreeObserver . addOnGlobalLayoutListener ( new ViewTreeObserver . OnGlobalLayoutListener ( ) { @Override public

1.项目需求 主界面能左右滚动，还能上下滚动，点击按钮跳转界面。 2.分析界面 点击按钮跳转界面可以自定义UITabBarCotroller来实现； 左右滚动，可以利用scrollView来实现 或 UICollectionView； 上下滚动，用tableView可以实现。 3.选择实现方案 方案一：UITabBarCotroller + scrollView + tableView + titleView(TabBar条)； UIScrollView弊端：没有做离屏渲染优化； 使用scrollView，没有显示的tableView也会渲染，渲染比较耗内存，创建很多对象； 离屏渲染： 如果一个界面,没有显示到屏幕上，不会渲染，如果在屏幕上，就会渲染； 方案二：UITabBarCotroller + UICollectionView + tableView + scrollView(TabBar条) 能扩展标题； UICollectionView好处：优化离屏渲染，并不是少创建UITableView； tableView添加UICollectionView的cell里面。 4.界面搭建实现步骤 4.1 先创建一个UIViewContriller 。 4.2 创建UICollectionView添加到UIViewContriller的View上面；

Android平台定义的主题样式： android:theme="@android:style/Theme.Dialog" // 将一个Activity显示为对话框模式 android:theme="@android:style/Theme.NoTitleBar" // 不显示应用程序标题栏 android:theme="@android:style/Theme.NoTitleBar.Fullscreen" // 不显示应用程序标题栏，并全屏 android:theme="@android:style/Theme.Light" // 背景为白色 android:theme="@android:style/Theme.Light.NoTitleBar" // 白色背景并无标题栏 android:theme="@android:style/Theme.Light.NoTitleBar.Fullscreen" // 白色背景，无标题栏，全屏 android:theme="@android:style/Theme.Black" // 背景黑色 android:theme="@android:style/Theme.Black.NoTitleBar" // 黑色背景并无标题栏 android:theme="@android:style/Theme.Black.NoTitleBar

1 引言 在我们使用HbuilderX开发APP时，经常会有一个很实用的功能需要开发，那就是搜索功能了，uni-app为我们提供该功能，大大的简化了开发难度，只要进行简单的配置就可以生成原生的导航输入框了（笔者的另一篇笔记中记录了配置过程，这里就不重复介绍了），那么现在有了原生输入框了，我们要如何操作输入框中的内容呢，原生输入框可不像input组件那样可以直接绑定数据的，下面笔者记录一下操作原生输入框的内容（比如输入框的聚焦失焦、输入内容的获取） 2 导航栏事件监听 2.1 页面生命周期： https://uniapp.dcloud.io/collocation/frame/lifecycle?id=%e9%a1%b5%e9%9d%a2%e7%94%9f%e5%91%bd%e5%91%a8%e6%9c%9f 在uni-app页面周期有这么的三个函数： onNavigationBarSearchInputChanged ：监听原生标题栏搜索输入框输入内容变化事件 onNavigationBarSearchInputConfirmed ：监听原生标题栏搜索输入框搜索事件，用户点击软键盘上的“搜索”按钮时触发。 onNavigationBarSearchInputClicked ：监听原生标题栏搜索输入框点击事件 2.2 获取输入框内容 要获取输入框内容，可以在生命周期里通过参数e

Toolbar 先上一张图 谷歌官方对Toolbar的介绍 根据图中的资料，可以知道，Toolbar首先是一个ViewGroup，它是用来做APP的标题栏，其中包括5个部分，分别是一个导航按钮（a navigation button）、一个logo图片(a branded logo image)、一个标题和副标题(a title and subtitle)、一个或多个自定义View(one or more custom views)以及一个action menu( an action menu)。看一张效果图 具体效果图 从效果图中，我们可以很明显地看出来5个部分都是哪里，因为Toolbar是一个ViewGroup，你只有都设置出来了才会显示，如果不设置的话，那么都是空的，啥也没有。那么究竟应该怎么设置呢？下面我们就开始使用Toolbar。 Toolbar的正确使用姿势 第一步 导入v7包 implementation 'com.android.support:appcompat-v7:27.0.2 第二步 继承AppCompatActivity public class MainActivity extends AppCompatActivity 第三步 设置主题theme <application android:allowBackup="true" android:icon=

我为了移动一个无标题栏的窗体，使用了WM_NCHITTEST消息，这个消息大概如下： 通常，我们拖动对话框窗口的标题栏来移动窗口，但有时候，我们想通过鼠标在客户区上拖动来移动窗口。 一个容易想到的方案是，处理鼠标消息WM_LBUTTONDOWN和WM_LBUTTONUP。在OnLButtonUp函数中计算鼠标位置的变化，调用MoveWindow实现窗口的移动。 注意，拖动标题栏移动窗口的时候，会出现一个矩形框，它提示了窗口移动的当前位置。当鼠标左键放开的时候，窗口就移动到矩形框所在位置。而我们的实现方案中没有这个功能。 要实现此功能，我们必须自己来画这些矩形。 事实上，我们没有必要自己来做这件事情，因为Windows已经给我们做好了。 试想，如果我能够欺骗Windows，告诉它现在鼠标正在拖动的是标题栏而不是客户区，那么窗口移动操作就由Windows来代劳了。 要欺骗Windows并不像想像中的困难，甚至非常简单。 我们利用一个消息：WM_NCHITTEST。 MSDN对它的解释是： The WM_NCHITTEST message is sent to a window when the cursor moves, or when a mouse button is pressed or released. If the mouse is not captured, the