python图形开发GUI库pyqt5的详细使用方法及各控件的属性与方法

本文主要列出来python图形开发GUI库pyqt5的窗体,控件属性与方法如果你想看看python图形开发GUI库pyqt5的基础使用方法可以查看我们的另一篇文章 python图形开发GUI库pyqt5的基本使用方法详解

基本框架

import sys
from PyQt5.QtGui import *
from PyQt5.QtCore import *
from PyQt5.QtWidgets import *

class Demo(QWidget):
  def __init__(self):
    super(Demo, self).__init__()
    # 设置主界面
    # 设置控件
    # 设置布局
    # 设置信号
	def main(self):
  	# 槽函数
if __name__ == '__main__':
  app = QApplication(sys.argv)
  demo = Demo()
  demo.show()
  sys.exit(app.exec_())

程序启动画面

if __name__ == '__main__':
	app = QApplication(sys.argv) # 原有

	splash = QSplashScreen()
	splash.setPixmap(QPixmap('images/splash.jpg'))
	splash.show()
	splash.showMessage('string', Qt.AlignBottom | Qt.AlignCenter, Qt.white)

	demo = Demo() # 原有
	demo.show() # 原有

	splash.finish(demo)

	sys.exit(app.exec_()) # 原有

一、设置主界面

self.setWindowTitle('title') # 设置窗体名称

self.setWindowIcon('path') # 设置窗体图标

self.resize(300, 250) # 更改窗体大小

self.size() # 获取窗体大小

self.width() # 获取窗体宽度

self.height() # 获取窗体高度

self.setFixedWidth(int width) # 设置窗体宽度

self.setFixedHeight(int height) # 设置窗体高度

self.setFixedSize(int width, int height) # 设置窗体大小

self.setGeometry(int x, int y, int width, int height) # 设置窗口位置

self.frameGeometry() # 获取窗口的大小和位置

self.move(int x, int y) # 设置窗口的位置

self.pos() # 获取窗口左上角坐标

self.setWindowFlags(QtCore.Qt.WindowMinimizeButtonHint) # 禁止最大化按钮

self.setFixedSize(self.width(), self.height()) # 禁止拉伸窗口大小

二、设置控件

1、QMessageBox消息框

1、基本格式

QMessageBox.information(QWidget, ‘Title', 'Content‘, buttons)

第一个参数填self,表示该信息框属于我们这里的Demo窗口;第二个参数类型为字符串,填入的是该信息框的标题;第三个参数类型也是字符串,填入的是信息框的提示内容;最后个参数为信息框上要添加的按钮。多个按钮之间用 | 来连接,常见的按钮种类有以下几种:

QMessageBox.Ok

QMessageBox.Yes

QMessageBox.No

QMessageBox.Close

QMessageBox.Cancel

QMessage.Open

QMessage.Save

2、各种类型的框

类型 名称
QMessageBox.information 消息框
QMessageBox.question 问答框
QMessageBox.warning 警告框
QMessageBox.critical 错误框
QMessageBox.about 关于框

3、与消息框进行交互

choice = QMessageBox.question(self, 'Title', 'Content', QMessageBox.Yes | QMessageBox.No)
if choice == QMessageBox.Yes:
  pass
elif choice == QMessageBox.No:
	pass

2、文本编辑框和文本浏览框

实例化控件

self.text_edit = QTextEdit(self) # 文本编辑框

self.text_browser = QTextBrowser(self) # 文本浏览框

设置信号

控件类型 信号 描述
QTextEdit textChanged 文本发生改变

控件方法

控件类型 方法 描述
QTextEdit setText(‘Content') 设置文本
QTextEdit toPlainText() 获取文本
QTextEdit setTextColor(color) 设置文本颜色
QTextEdit setFont(font) 设置字体

3、各种按钮

QPushButton,QToolButton,QRadioButton和QCheckBox均继承自QAbstractButton类

实例化控件

self.test_button = QPushButton('Test', self) # 实例化按钮

self.test_button = QPushButton('&Download',self) # 实例化按钮并设置快捷键为Alt+D

self.test_button = QToolButton(self) # 工具按钮(初始不能传入文本)

self.on_button = QRadioButton('on', self) # 单选按钮

self.checkbox1 = QCheckBox('Checkbox 1', self) # 复选框的三种状态:全选中、半选中和无选中

设置信号

控件类型 信号 描述
通用 Pressed 当鼠标指针在按钮上并按下左键时触发该信号
通用 Released 当鼠标左键被释放时触发该信号
通用 Clicked 当鼠标左键被按下然后释放时,或者快捷键被释放时触发该信号
通用 Toggled 当按钮的标记状态发生改变时触发该信号
QCheckBox stateChanged 复选框状态发生改变

控件方法

控件类型 方法 描述
通用 isDown() 提示按钮是否已按下
通用 isChecked() 提示按钮是否已经标记
通用 isEnable() 提示按钮是否可以被用户点击
通用 isCheckAble() 提示按钮是否为可标记的
通用 setAutoRepeat() 设置按钮是否在用户长按时可以自动重复执行
通用 setShortcut(‘Ctrl+D') 设置按钮快捷键
QPushButton setCheckable(True) 设置按钮是否已经被选中,如果设置True,则表示按钮将保持已点击和释放状态
QPushButton toggle() 在按钮状态之间进行切换
QPushButton setIcon(QIcon(‘button.png')) 设置图标
QPushButton setEnabled() 设置按钮是否可以使用,当设置为False时,按钮变成不可用状态,点击它不会发射信号
QPushButton isChecked() 判断按钮是否为标记状态,若是则返回True,不是则返回False
QPushButton setDefault() 设置按钮的默认状态
QPushButton setText(‘text') 设置按钮的显示文本
QPushButton text() 返回按钮的显示文本
QToolButton setArrowType(参数1) 设定button上显示的箭头类型
QToolButton setToolButtonStyle(参数2) 设定button文本和图标显示的样式
QRadioButton setChecked(True) 单选按钮设为选中状态
QCheckBox setChecked(True) 将复选框设为选中或无选中状态
QCheckBox setCheckState(Qt.Checked) 选中状态Qt.Checked, 无选中状态Qt.Unchecked和半选中状态Qt.PartiallyChecked
QCheckBox setTristate(True) 让一个复选框拥有三种状态
QCheckBox setCheckState(Qt.PartiallyChecked) 让一个复选框拥有三种状态
QCheckBox checkState() 获取当前复选框的状态,返回值为int类型,0为无选中状态,1为半选中状态,2为选中状态
参数1 箭头属性
Qt.NoArrow 无箭头
Qt.UpArrow 向上的箭头
Qt.DownArrow 向下的箭头
Qt.LeftArrow 向左的箭头
Qt.RightArrow 向右的箭头
参数2 样式
Qt.ToolButtonIconOnly 只显示图标
Qt.ToolButtonTextOnly 只显示文本
Qt.ToolButtonTextBesideIcon 文本在图标下面
Qt.ToolButtonTextUnderIcon 文本在图标上面
Qt.ToolButtonFollowStyle 未知…

4、标签

实例化控件

self.label = QLabel(self) 

控件方法

控件类型 方法 描述
QLabel setPixmap(QPixmap(‘on.png')) 给标签设置图片
QLabel setAlignment(Qt.AlignCenter) 设置标签对齐方式

5、单行文本框

实例化控件

self.lineedit = QLineEdit(self)

控件方法

控件类型 方法 描述
QLineEdit setFont(combobox.currentFont()) 设置字体
QLineEdit setPlaceholderText() 设置文本框显示文字
QLineEdit setMaxLength() 设置文本框所允许输入的最大字符数
QLineEdit setReadOnly() 设置文本为只读
QLineEdit setText() 设置文本框的内容
QLineEdit text() 返回文本框的内容
QLineEdit setDragEnable() 设置文本框是否接受拖动
QLineEdit selectAll() 全选
QLineEdit setFocus() 得到焦点
QLineEdit setAlignment(参数1) 按固定值方式对齐文本
QLineEdit setEchoMode(参数2) 设置文本框的显示格式
QLineEdit setValidator(参数3) 设置文本框的验证器(验证规则),将限制任意可能输入的文本
QLineEdit setInputMask(参数4) 设置掩码
参数1 功能
Qt.AlignLeft 水平方向靠左对齐
Qt.AlignRight 水平方向靠右对齐
Qt.AlignCenter 水平方向居中对齐
Qt.AlignJustify 水平方向调整间距两端对齐
Qt.AlignTop 垂直方向靠上对齐
Qt.AlignBottom 垂直方向靠下对齐
Qt.AlignVCenter 垂直方向居中对齐
参数2 功能
QLineEdit.Normal 正常显示所输入的字符,此为默认选项
QLineEdit.NoEcho 不显示任何输入的字符,常用于密码类型的输入,且长度保密
QLineEdit.Password 显示与平台相关的密码掩饰字符,而不是实际输入的字符
QLineEdit.PasswordEchoOnEdit 在编辑时显示字符,负责显示密码类型的输入
参数3 功能
QIntValidator 限制输入整数
QDoubleValidator 限制输入浮点数
QRegexpValidator 检查输入是否符合正则表达式
参数4 功能
000.000.000.000;_ ip地址,空白字符是‘_'
HH:HH:HH:HH:HH:HH; MAC地址
0000-00-00 日期,空白字符是空格
>AAAAA-AAAAA-AAAAA-AAAAA-AAAAA;# 许可证号,空白字符是‘_',所有字母都转换为大写

设置信号

控件类型 信号 描述
QLineEdit selectionChanged 只要选择改变了,这个信号就会发射
QLineEdit textChanged 当修改文本内容时,这个信号就会发射
QLineEdit editingFinished 当编辑文本结束时,这个信号就会发射

6、下拉选择框和数字调节框

实例化控件

self.combobox_1 = QComboBox(self) # 普通下拉框(无内容)

self.combobox_2 = QFontComboBox(self) # 字体下拉框(有字体选择)

self.spinbox = QSpinBox(self) # 数字调节框(默认范围0-99)

self.doublespinbox = QDoubleSpinBox(self) # 浮点数字调节框(默认范围0.00-99.99)

设置信号

控件类型 信号 描述
QComboBox currentIndexChanged 序号发生变化
QComboBox currentTextChanged 文本发生变化
QSpinBox valueChanged 数字发生变化

控件方法

控件类型 方法 描述
QComboBox addItem(self.choice) 添加一个选项
QComboBox addItems(self.choice_list) 添加多个选项
QComboBox currentIndex() 获取当前文本序号
QComboBox currentText() 获取当前文本
QComboBox currentFont() 获取当前字体
QDoubleSpinBox setDecimals(int) 设置小数位数
QSpinBox setRange(-99, 99) 设置范围
QSpinBox setSingleStep(1) 设置步长,即每次点击递增或递减多少值
QSpinBox setValue(66) 设置初始显示值
QSpinBox value() 获取值
QSpinBox setValue(value) 设置调节框的值

7、滑动条和旋钮

实例化控件

self.slider_1 = QSlider(Qt.Horizontal, self) # 水平滑动条

self.slider_2 = QSlider(Qt.Vertical, self) # 垂直滑动条

self.dial = QDial(self) # 旋钮

设置信号

控件类型 信号 描述
QSlider valueChanged 数值发生改变
QDial valueChanged 改变表盘数值

控件方法

控件类型 方法 描述
QSlider setRange(0, 100) 设置滑动条的范围
QSlider setMinimum(0) 设置最小值
QSlider setMaximum(100) 设置最大值
QSlider value() 获取值
QSlider setValue(value) 设置值
QDial setFixedSize(100, 100) 固定旋钮的大小
QDial setRange(0, 100) 设置表盘数值范围
QDial setMinimum(0) 设置最小值
QDial setMaximum(100) 设置最大值
QDial setNotchesVisible(True) 显示刻度

8、定时器和进度条

实例化控件

控件类型 信号 描述
QTimer timeout timer.start()结束时触发

控件方法

控件类型 方法 描述
QTimer isActive() 判断定时器是否处于激活状态
QTimer start(100) 启动计时器持续100毫秒
QTimer stop() 停止计时器
QTimer setSingleShot(True) 触发timeout信号后只调用一次update_func()
QProgressBar setMinimum(0) 设置最小值
QProgressBar setMaximum(100) 设置最大值
QProgressBar setRange(0, 100) 设置范围
QProgressBar setValue(value) 设置进度条当前值
QProgressBar reset() 重置进度条的值

9、数字显示屏

实例化控件

self.lcd = QLCDNumber(self) # 数字显示屏

控件方法

控件类型 方法 描述
QLCDNumber setDigitCount(10) 设置显示多少位数字
QLCDNumber display(1234567890) 显示数字
QLCDNumber setSegmentStyle(参数1) 设置显示屏数字样式
QLCDNumber setSmallDecimalPoint(True) 设置小数点的显示方式,若为True,则占位,若为False,则会单独占位
QLCDNumber display(0.123456789) 显示数字
QLCDNumber display(‘HELLO') 显示字母
QLCDNumber setMode(参数2) 更改数字显示方式
参数1 描述
QLCDNumber.Outline 0 让内容浮显,其颜色同显示屏背景颜色相同
QLCDNumber.Filled 1 让内容浮显,颜色同窗口标题颜色相同
QLCDNumber.Flat 2 让内容扁平化显示,颜色同窗口标题颜色相同
参数2 描述
QLCDNumber.Hex 0 十六进制
QLCDNumber.Dec 1 十进制
QLCDNumber.Oct 2 八进制
QLCDNumber.Bin 3 二进制

三、设置布局

1、实例化布局

v_layout = QVBoxLayout() # 垂直布局

h_layout = QHBoxLayout() # 水平布局

form_layout = QFormLayout() # 表单布局

grid_layout = QGridLayout() # 网格布局

2、给布局添加占位符|控件|布局

self.label.setAlignment(Qt.AlignCenter) # 设置居中方式

h_layout.addStretch(1) # 设置占位符

v_layout.addWidget(self.user_label) # 垂直布局添加控件

h_layout.addWidget(self.user_line) # 水平布局添加控件

all_v_layout.addLayout(v_layout) # 垂直布局添加垂直布局

all_h_layout.addLayout(h_layout) # 水平布局添加水平布局

form_layout.addRow(self.user_label, self.user_line) # 表单布局添加控件

grid_layout.addWidget(self.user_label, 0, 0, 1, 1) # 网格布局添加控件

grid_layout.addWidget(self.user_label, 0, 0) # 默认是1行1列

QGridLayout的addWidget()方法遵循如下语法形式:

addWidget(widget, row, column, rowSpan, columnSpan)

widget就是要添加的控件;row为第几行,0代表第一行;column为第几列,0代表第一列;rowSpan表示要让这个控件去占用几行(默认一行);columnSpan表示要让这个控件去占用几列(默认一列)。

3、设为整个窗口的最终布局方式

self.setLayout(all_h_layout)

四、各种对话框

1、颜色对话框和字体对话框

color = QColorDialog.getColor() # 颜色对话框(十六进制的值会保存在color变量中)
if color.isValid(): # 判断color是否有效
	self.text_edit.setTextColor(color)

font, ok = QFontDialog.getFont() # 字体对话框
if ok:
	self.text_edit.setFont(font)

2、输入对话框

方法 用法
getItem() 从下拉框中获取选项输入
getInt() 获取整型值输入
getDouble() 获取浮点型值输入
getText() 获取字符串输入
getMultiLineText() 获取多行字符串输入

实例:

content, ok = QInputDialog.getText(self, 'title', 'content')

content, ok = QInputDialog.getInt(self, 'title', 'content')

content, ok = QInputDialog.getDouble(self, 'title', 'content')

content, ok = QInputDialog.getMultiLineText(self, 'title', 'content')

Item, ok = QInputDialog.getItem(self, 'title', 'content', list, 0, False)

getItem(parent, str, str, iterable, int, bool)方法需要多设置几个参数,前三个与getText()相同,第四个参数为要加入的选项内容,第五个参数为最初显示的选项,最后一个参数是选项内容是否可编辑。

3、文件对话框

path, _ = QFileDialog.getSaveFileName(self, 'title', './', 'Excel Files (*.xlsx;*.xls);;All Files (*)') # 选择保存文件

path, _ = QFileDialog.getOpenFileName(self, 'title', './', 'Excel Files (*.xlsx;*.xls);;All Files (*)') # 选择文件

path, _ = QFileDialog.getOpenFileNames(self, 'title', './', 'Excel Files (*.xlsx;*.xls);;All Files (*)') # 选择多个文件

path, _ = QFileDialog.getExistingDirectory(self, 'title', './') # 选择文件夹

参数:指定父类,文件对话框的标题,对话框打开时显示的路径,文件扩展名过滤器

其中设置文件扩展名过滤,用双分号间隔。

'All Files (*);;PDF Files (*.pdf);;Text Files (*.txt)'

五、界面关闭事件

def closeEvent(self, QCloseEvent): # 关闭事件函数
	if not self.saved: # 如果未保存
		choice = QMessageBox.question(self, '', 'Do you want to save the text?', QMessageBox.Yes | QMessageBox.No | QMessageBox.Cancel)
		if choice == QMessageBox.Yes: # 如果需要继续保存
			self.saved_func()	# 调用函数进行保存
			QCloseEvent.accept()	# 接受关闭事件
		elif choice == QMessageBox.No: # 如果不需要继续保存
			QCloseEvent.accept()	# 接受关闭事件
		else:
  		QCloseEvent.ignore()	# 忽略关闭事件

更多关于python图形开发GUI库pyqt5的使用方法请查看下面的相关链接

时间: 2020-02-14

Python3使用PyQt5制作简单的画板/手写板实例

1.前言 版本:Python3.6.1 + PyQt5 写一个程序的时候需要用到画板/手写板,只需要最简单的那种.原以为网上到处都是,结果找了好几天,都没有找到想要的结果. 网上的要么是非python版的qt程序(要知道qt版本之间差异巨大,还是非同一语言的),改写难度太大.要么是PyQt4的老程序,很多都已经不能在PyQt5上运行了.要么是大神写的特别复杂的程序,简直是直接做出了一个Windows自带的画图版,只能膜拜~ 于是我只能在众多代码中慢慢寻找自己需要的那一小部分,然后不断地拼凑,不断

Python PyQt5实现的简易计算器功能示例

本文实例讲述了Python PyQt5实现的简易计算器功能.分享给大家供大家参考,具体如下: 这里剩下计算函数(self.calculator)未实现,有兴趣的朋友可以实现它 [知识点] 1.利用循环添加按钮部件,及给每个按钮设置信号/槽 2.给按钮设置固定大小:button.setFixedSize(QtCore.QSize(60,30)) 3.取事件的的发送者(此例为各个按钮)的文本: self.sender().text() [效果图] [源代码] import sys from PyQt

Python3 安装PyQt5及exe打包图文教程

环境: Python 3.6.4 + Pycharm Professional 2017.3.3 + PyQt5 + PyQt5-tools ① Python 3 安装 Python 3.x 安装时,默认勾选ADD Python 3.6 to PATH和ADD Python to environment variables的情况下,系统会向path中增加以下两个环境变量. D:\Program Files\Python36\Scripts\; D:\Program Files\Python36\

python3使用pyqt5制作一个超简单浏览器的实例

我们使用的是QWebview模块,这里也主要是展示下QWebview的用法. 之前在网上找了半天的解析网页的内容,都不是很清楚. 这是核心代码: webview = Qwebview() webview.load(Qurl('http://www.cnblogs.com/Blaxon/')) webview.show() 完整代码(代码是拿的别的代码改得): from PyQt5.QtCore import * from PyQt5.QtWidgets import * from PyQt5.Q

Python PyQt5标准对话框用法示例

本文实例讲述了Python PyQt5标准对话框用法.分享给大家供大家参考,具体如下: 很全的Qt的标准对话框,包含QInputDialog.QColorDialog.QFontDialog.QMessageBox.QOpenFileDialog... 全部是由官网的C++版本,转换成PyQt5版本. 有些细节忽略了,因为实在不知怎么转换过来.捣鼓了一晚上,总算完成了,好累啊,不过很开心! 效果图: 完整代码: # -*- coding: utf-8 -*- from PyQt5.QtGui i

python图形开发GUI库pyqt5的基本使用方法详解

一:安装PyQt5 pip install pyqt5 如果你的系统没有安装pip请阅读我们的另一篇文章 windows下python安装pip方法详解 二:PyQt5简单使用 #!/usr/bin/python3 # -*- coding: utf-8 -*- """ Py40.com PyQt5 tutorial In this example, we create a simple window in PyQt5. author: Jan Bodnar website:

Python3+Pycharm+PyQt5环境搭建步骤图文详解

搭建环境: 操作系统:Win10 64bit Python版本:3.7 Pycharm:社区免费版 一.Python3.7安装 下载链接:官网https://www.python.org/downloads/windows/或腾讯软件中心下载https://pc.qq.com/detail/5/detail_24685.html或其他站点下载.我下载的是python-3.7.0-amd64. 下载到安装包后打开,如果想安装到默认路径(C盘)的话一直点下一步就可以了,或者自定义安装到其他分区,我的

python3+PyQt5+Qt Designer实现堆叠窗口部件

本文是对<Python Qt GUI快速编程>的第9章的堆叠窗口例子Vehicle Rental用Python3+PyQt5+Qt Designer进行改写. 第一部分无借用Qt Designer,完全用代码实现. 第二部分则借用Qt Designer,快速实现. 第一部分: import sys from PyQt5.QtCore import (Qt) from PyQt5.QtWidgets import (QApplication, QComboBox, QDialog, QDialo

关于python pyqt5安装失败问题的解决方法

前言 最近在工作中遇到一个问题,python pyqt5在安装的时候居然提示失败了,无奈只能找解决的办法,发现网上有同样遇到这个问题的同学,所以就总结了解决的方法分享出来,下面话不多说了,来一起看看详细的介绍: 发现问题 以前装命令都是pip一条命令搞定,会自动安装依赖的库,但在安装pyqt5时却遇到了问题 在下载完pyqt5时,会提示找不到合适的SIP版本 Could not find a version that satisfies the requirement sip>=4.19 (fr

Python 中PyQt5 点击主窗口弹出另一个窗口的实现方法

1.先使用Qt designer设计两个窗口,一个是主窗口,一个是子窗口   其中主窗口是新建-Main Window,子窗口是Dialog窗体. 两个窗口不能是同一类型,否则会崩溃. 并保存为EyeTracking_main.ui和EyeTracking_process.ui(因为我在做眼动追踪,因此窗体命名与此相关,后同),使用UIC工具转成.py文件. 2.写一个驱动函数调用两个窗体 主窗体Eyetracking_main.py from PyQt5 import QtCore, QtGu

jQuery中ztree 点击文本框弹出下拉框的实例代码

废话不多说了,具体代码如下所示: <link rel="stylesheet" href="${ctx}/res/js/ztree/css/demo.css" type="text/css"/> <link rel="stylesheet" href="${ctx}/res/js/ztree/css/zTreeStyle/zTreeStyle.css" type="text/cs

JavaScript简单实现弹出拖拽窗口(二)

接上文JavaScript简单实现弹出拖拽窗口(一)进行学习.  下面开始具体分析代码部分:  首先我们先确认下结构:  悬浮窗口:初始不可见.包括标题栏和内容栏,标题栏内有标题和关闭按钮.  遮罩层:初始不可见.用于设置弹出悬浮窗口时的半透明背景,  按钮:用于点击弹出悬浮窗口. 下面进行详细解释  1.要让窗口能自由移动,那么窗口的定位(position)应该采用绝对定位(absolute):    /*登录浮层组件*/ .popup{ display:none; /*初始隐藏*/ widt

js点击文本框弹出可选择的checkbox复选框

本文分享一段代码实例,它能够点击文本框的时候,能够弹出下拉的checkbox复选框,选中复选框就能够将值写入文本框中,可能在实际应用中的效果没有这么直白简单,不过可以作为一个例子演示,以便于学习者理解和扩展. 代码如下: <html> <head> <meta charset="gb2312"> <title>js点击文本框弹出可选择的checkbox复选框</title> <style type="text/

JavaScript简单实现弹出拖拽窗口(一)

本文实例为大家分享JavaScript弹出拖拽窗口的具体实现代码,供大家参考,具体内容如下 需求说明:  1.点击页面按钮,弹出窗口:  2.要有半透明背景遮罩:  3.弹出窗口圆角,窗口半透明,但内容不透明:带阴影:  4.窗口可拖动:  5.拖动停止之后,滚动页面时窗口位置不动:  6.可以使用jQuery:  7.有关闭按钮:  进一步功能具体描述:  点按钮,会有一个可以拖拽的浮层出来.  有一个背景遮罩,支持标题栏的拖拽,在标题栏以外,在标题栏区域之外的区域拖拽是没有效果的,拖拽功能限

js中confirm实现执行操作前弹出确认框的方法

本文实例讲述了js中confirm实现执行操作前弹出确认框的方法.分享给大家供大家参考.具体实现方法如下: 现在在删除或其它操作前弹出确定提示,我们有很多方法,最基本的就是利用js自带的函数confirm来操作了 最简单的用法如下: 鼠标事件使用confirm 复制代码 代码如下: <a href="#" onclick= "if(confirm( '是否确定! ')==false)return   false; ">点击确定</a> 想简单

Android中微信小程序开发之弹出菜单

先给大家展示下效果图,具体效果图如下所示: 具体代码如下所示: 1.index.js //index.js //获取应用实例 var app = getApp() Page({ data: { isPopping: false,//是否已经弹出 animationPlus: {},//旋转动画 animationcollect: {},//item位移,透明度 animationTranspond: {},//item位移,透明度 animationInput: {},//item位移,透明度

Android使用Activity实现从底部弹出菜单或窗口的方法

本文实例讲述了Android使用Activity实现从底部弹出菜单或窗口的方法.分享给大家供大家参考,具体如下: 这里使用activity实现弹出滑动窗口或菜单,主要是使用了一些设置activity的样式来实现弹出窗口和滑动效果,实现如下: 第一步:设计要弹出窗口的xml布局: <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://sche

jQuery实现弹出窗口弹出div层的实例代码

通过今天的jquery实例学习,我们要达到这样的效果:点击页面的链接,弹出一个div层,同时页面的其他部分变灰并且不能点击:无论是改变浏览器窗口大小还是下拉滚动条,这个弹出层都能始终保持居中:点击页面的关闭按钮,弹出层消失,页面恢复原样. 这里借鉴之前的一篇文章<基于jQuery的固定飘浮层>,使弹出窗口可以始终固定在浏览器的正中间.在这里有一个要点,就是如何使页面的其他地方在弹出窗口的同时变灰.我使用的方法就是在点击链接弹出div层的时候,给页面增加一个div层,这个层就"负责&q

jQuery实现单击弹出Div层窗口效果(可关闭可拖动)

本文实例讲述了jQuery实现单击弹出Div层窗口效果.分享给大家供大家参考.具体如下: 这是一款jquery实现的可拖动可关闭的弹出框效果,网上已经有很多类似效果了,网页上实现这种效果其实并不难,现在又有了jquery让我们用,更方便了,本代码演示了在CSS代码.JavaScript代码和HTML三者结合的情况下,如何实现一个可关闭的弹出窗口,鼠标点击关闭按钮后将其关闭,然后会显示打开按钮,单击这个按钮即弹出这个层窗口. 运行效果截图如下: 在线演示地址如下: http://demo.jb51

通过点击jqgrid表格弹出需要的表格数据

首先对Jqgrid网格插件做个简要的说明.在众多的表格插件中,Jqgrid的特点是非常鲜明的. 特点如下: 完整的表格呈现与运算功能,包含换页.栏位排序.grouping.新增.修改及删除资料等功能. 自定义的工具列 预设的Navigator工具列,可以很容易的使用新增.删除.编辑.检视及搜寻等功能. 完整的分页功能 按下任一栏位的标头,皆可以该栏位为排序项目.无论是升序或降序皆可. 预设的action formatter,可以快速而直觉地对每笔资料做运算. 支持多种数据格式.比如json.xm