精华内容
下载资源
问答
  • 微信小程序中,按钮也是<button></button>标签,它通过bindtap属性绑定点击事件: 然后在js里面注册这个回调函数: 回调函数里面通过 wx.navigateTo({ url: '/pages/index/talkPage', }) 跳转到talk...
  • 今天小编就为大家分享一篇layui自己添加图片按钮点击跳转页面的例子,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • Android 通过点击按钮跳转页面

    千次阅读 2020-12-24 17:51:45
    一 通过点击按钮跳转页面 1.新建一个文件MainActivity2.java作为跳转的目的页面 在 项目名/app/src/main/java/包名 上右键选择New/Activity/EmptyActivity 2.在MainActivity.java中添加代码 public class ...

    1.新建一个文件MainActivity2.java作为跳转的目的页面

    在 项目名/app/src/main/java/包名 上右键选择New/Activity/Empty Activity

    2.在MainActivity.java中添加代码

    public class MainActivity extends AppCompatActivity {
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
    
            //去掉标题栏
            getSupportActionBar().hide();
    
            Button weather = (Button)findViewById(R.id.weather);
            weather.setOnClickListener(new View.OnClickListener(){
                @Override
                public void onClick(View v) {
                    Intent intent = new Intent(MainActivity.this,MainActivity2.class);
                    startActivity(intent);
                }
            });
        }
    }

    这时候就可以实现从主界面跳转到次界面。

    3.自定义次界面标题

    ①在res/layout上右键New/File,输入title.xml,回车

    ②找到一张表示返回的png图片,将其直接拖入到drawable中

    ③在title.xml中添加代码

    <?xml version="1.0" encoding="utf-8"?>
    <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="50dp"
    
        android:orientation="vertical" >
    
        <ImageButton
            android:id="@+id/imageButton"
            android:layout_width="40dp"
            android:layout_height="40dp"
    
            android:layout_marginLeft="8dp"
            android:layout_marginTop="3dp"
    
            android:background="#0000"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent"
            app:srcCompat="@drawable/ic_back"/>
    
        <TextView
            android:id="@+id/title_bar_name"
            android:layout_width="140dp"
            android:layout_height="35dp"
            android:text="15天趋势预报"
            android:textSize="20sp"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent" />
    </androidx.constraintlayout.widget.ConstraintLayout>

    ④在layout下的activity_main2.xml中添加代码,将新建的title文件包含进去

    <?xml version="1.0" encoding="utf-8"?>
    <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context=".MainActivity2">
    
        <include layout="@layout/title"></include>
    
    </androidx.constraintlayout.widget.ConstraintLayout>

    ⑤在MainActivity2.java中添加代码隐藏原有标题栏

    //去掉标题栏
    getSupportActionBar().hide();

    这时候就可以得到次页面

    4.从次界面返回主界面

    在MainActivity2.java中添加代码

    public class MainActivity2 extends AppCompatActivity {
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main2);
    
            //去掉标题栏
            getSupportActionBar().hide();
    
            ImageButton btn2 = (ImageButton)findViewById(R.id.imageButton);
            btn2.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    finish();
                }
            });
        }
    }

    这时候就可以来回切换主次界面。

    展开全文
  • 点击按钮怎么跳转到另外一个页面呢?点击图片要跳转到新的页面时,怎么做到呢?可以使用onclick=[removed]=新页面来实现
  • JQuery点击按钮跳转页面的方法

    千次阅读 2020-08-22 14:43:08
    </script> 页面不跳转:error 解决 首先如果没有像单词 标点符号错误情况下 点击按钮 按钮如果不设置type类型,则默认type类型为submit 提交 当不需要提交表单,而是去执行其他时间 如跳转页面需要 手动设置type...

    form表单

    <form class="navbar-form navbar-left" action="">
         <div class="form-group">
              <input type="text" class="form-control" placeholder="搜目的地/攻略/酒店" id="ipt">
          </div>
          <button type="button" class="btn btn-default" id="btn" onclick="javascript:void(0);">搜索</button>
    </form>
    

    jquery绑定事件

      <script>
            $(function () {//获取表单并跳转
                $("#btn").click(function () {
                    var key=$("#ipt").val();
                    var url="/passer_war_exploded/page/search/"+key;
                    location.href=url;
                });
            });
        </script>
    
    

    页面不跳转:error 解决

    首先如果没有像单词 标点符号错误情况下
    点击按钮

    • 按钮如果不设置type类型,则默认type类型为submit 提交

    在这里插入图片描述

    • 当不需要提交表单,而是去执行其他时间 如跳转页面需要 手动设置type类型:
      在这里插入图片描述

    • 修改type类型后,下面就能正常跳转到百度页面了。
      (不写type类型,默认为submit时,跳转不了)

    展开全文
  • 【PyQt5】designer 页面点击按钮跳转页面

    千次阅读 多人点赞 2020-06-16 11:25:01
    页面跳转PyQt5 实现两个页面跳转PyQt5 实现多个页面跳转实现效果代码编写 首先要知道,使用 Qt designer 和 代码进行 Qt 开发实现页面跳转是不一样的,这里我们使用的是 designer 开发,在这里简单记录一下。 PyQt5 ...

    使用 designer 进行开发

    首先要知道,使用 Qt designer 和 代码进行 Qt 开发实现页面跳转是不一样的,这里我们使用的是 designer 开发,在这里简单记录一下。

    PyQt5 实现两个页面跳转

    目前场景:

    • 用 Qt designer 设计好了两个页面:a_ui.pyb_ui.py
    • a_ui.py 中有个按钮的 id 为 goButton

    我们实现两个页面之间的跳转:

    from a_ui import Ui_MainWindow as A_Ui # a界面的库
    from b_ui import Ui_MainWindow as B_Ui # b界面的库
    
    from PyQt5 import QtCore, QtWidgets
    import sys
    
    class AUi(QtWidgets.QMainWindow, A_Ui):
        def __init__(self):
            super(AUi, self).__init__()
            self.setupUi(self)
    
    class BUi(QtWidgets.QMainWindow, B_Ui):
        def __init__(self):
            super(BUi, self).__init__()
            self.setupUi(self)
    
    if __name__ == '__main__':
        app = QtWidgets.QApplication(sys.argv)
        a = AUi()
        a.show()
        b = BUi()
        # button是你定义的按钮
        a.goButton.clicked.connect(
        	lambda:{a.close(), b.show()}
       	)
        sys.exit(app.exec_())
    

    PyQt5 实现多个页面跳转

    PyQt5 实现多个页面跳转,我们可以借助一个 Controller 控制器来实现,大体思路如下:

    # 利用一个控制器来控制页面的跳转
    class Controller:
        def __init__(self):
            pass
        def show_A(self):
        	# 创建 A 窗口对象并显示
        	# 关闭其余窗口对象
        def show_B(self):
        	# 创建 B 窗口对象并显示
        	# 关闭其余窗口对象
        def show_C(self):
        	# 创建 C 窗口对象并显示
        	# 关闭其余窗口对象
    

    来看一个使用情景:

    • 用 Qt designer 设计好了三个页面:hello.pylogin.pyoperate.py
    • hello.py 中有一个 Id 为 loginBuuton 的按钮,用于跳转到 login.py 窗口
    • hello.py 中还有一个 Id 为 operateButton 的按钮,用于跳转到 operate.py 窗口

    实现效果

    注:由于我们的 界面逻辑 是分离的,所以界面只需满足上面的使用情境中的要求即可。

    运行程序启动一个 hello.py 的欢迎界面:
    在这里插入图片描述
    点击 票务管理,实际上是点击了 loginButton 按钮,跳转到了 login.py 登录界面:
    在这里插入图片描述
    如果欢迎界面中点击的是 票务查询,实际上是点击了 operateButton,会跳转到 operate.py 界面:
    在这里插入图片描述

    代码编写

    首先导入需要的模块:系统模块利用designer设计的页面

    import sys
    from PyQt5 import QtCore, QtWidgets, QtCore
    
    # 导入 Qt designer 设计的页面
    from hello import Ui_MainWindow as Hello_Ui 
    from login import Ui_MainWindow as Login_Ui
    from operate import Ui_MainWindow as Operate_Ui
    

    然后写页面对应的窗口类,我们这里简单的实现 一个页面往其他页面的跳转
    实现跳转的逻辑主要都在 HelloWindow 类中,其他窗口类仅仅做了初始化:

    # 主窗口
    class HelloWindow(QtWidgets.QMainWindow, Hello_Ui):
        switch_window1 = QtCore.pyqtSignal() # 跳转信号
        switch_window2 = QtCore.pyqtSignal() # 跳转信号
        def __init__(self):
            super(HelloWindow, self).__init__()
            self.setupUi(self)
            self.queryButton.clicked.connect(self.goOperate)
            self.manageButton.clicked.connect(self.goLogin)
        def goLogin(self):
            self.switch_window1.emit()
        def goOperate(self):
            self.switch_window2.emit()
    
    # 登录窗口
    class LoginWindow(QtWidgets.QMainWindow, Login_Ui):
        def __init__(self):
            super(LoginWindow, self).__init__()
            self.setupUi(self)
    
    # 操作窗口
    class OperateWindow(QtWidgets.QMainWindow, Operate_Ui):
        def __init__(self):
            super(OperateWindow, self).__init__()
            self.setupUi(self)
    

    控制器用来控制页面的跳转:

    # 利用一个控制器来控制页面的跳转
    class Controller:
        def __init__(self):
            pass
        # 跳转到 hello 窗口
        def show_hello(self):
            self.hello = HelloWindow()
            self.hello.switch_window1.connect(self.show_login)
            self.hello.switch_window2.connect(self.show_operate)
            self.hello.show()
        # 跳转到 login 窗口, 注意关闭原页面
        def show_login(self):
            self.login = LoginWindow()
            self.hello.close()
            self.login.show()
        # 跳转到 operate 窗口, 注意关闭原页面
        def show_operate(self):
            self.operate = OperateWindow()
            self.hello.close()
            self.operate.show()
    

    启动整个项目:

    def main():
        app = QtWidgets.QApplication(sys.argv)
        controller = Controller() # 控制器实例
        controller.show_hello() # 默认展示的是 hello 页面
        sys.exit(app.exec_())
    
    if __name__ == '__main__':
        main()
    

    补充:使用 designer 开发,页面跳转函数

    假设写好了一个 A 页面:

    class MainWindow(QMainWindow, Ui_MainWindow):  # 多重继承QMainWindow和Ui_MainWindow
        def __init__(self):
            super(MainWindow, self).__init__()  # 先调用父类QMainWindow的初始化方法
            self.setupUi(self)  # 再调用setupUi方法
    
    

    在 B 页面引入了 A 页面:

    from main import MainWindow
    

    在 A 页面需要进行页面跳转只需要封装一个以下函数即可:

    # 关闭当前界面, 打开主界面
    def toMainWindow(self):
        self.ui1 = MainWindow()
        self.ui1.show()
        self.close()
    

    不使用 designer 的页面跳转

    这个更简单了,只需要在 main 方法里将 A 页面的点击事件与 B 页面的展示绑定即可:

    import sys
    from PyQt5.QtWidgets import QMainWindow, QPushButton, QApplication
     
    
    class First(QMainWindow):
        def __init__(self):
            super().__init__()
            self.initUI()
     
        def initUI(self):
            self.btn = QPushButton("Button", self)
            self.btn.move(30, 50)
            self.setGeometry(300, 300, 500, 500)
            self.setWindowTitle('Event sender')
            self.show()
     
     
    class Second(QMainWindow):
        def __init__(self):
            super().__init__()
            self.initUI()
     
        def initUI(self):
            self.setGeometry(300, 300, 290, 150)
            self.setWindowTitle('Get sender')
     
     
    if __name__ == '__main__':
        app = QApplication(sys.argv)
        a = First()
        b = Second()
        a.show()
        a.btn.clicked.connect(b.show)  # 重点在这
        sys.exit(app.exec_())
    

    如果需要点击 A 跳转 B 的同时关闭,那么给 A 的点击事件同时绑定 A 的关闭事件即可:

    class First(QMainWindow):
        def __init__(self):
            super().__init__()
            self.initUI()
     
        def initUI(self):
            self.btn = QPushButton("Button", self)
            self.btn.move(30, 50)
            self.setGeometry(300, 300, 500, 500)
            self.setWindowTitle('Event sender')
            self.show()
    	
    		self.btn.clicked.connect(self.close)  # 加上这句话即可
    
    展开全文
  • Vue点击按钮跳转页面的实现方法

    万次阅读 2020-05-02 14:47:23
    1、跳转外部链接并覆盖当前页 <el-button type="primary" @click="cimsInputClick">应用入口</el-button> cimsInputClick () { ... }2、跳转不覆盖当前页面,在新窗口打开 <el-b...

    1、跳转外部链接并覆盖当前页
    <el-button type="primary" @click="cimsInputClick">应用入口</el-button>
    cimsInputClick () {
          window.location.href = 'https:\\www.mscims.com'
        }
    2、跳转不覆盖当前页面,在新窗口打开
    <el-button type="primary" @click="cimsInputClick">应用入口</el-button>
    cimsInputClick () {
          window.open('https:\\www.mscims.com', '_blank')
        }
    3、页面中内部跳转
    用this.$router.push()实现。

    展开全文
  • 微信小程序实现点击按钮跳转页面

    千次阅读 2020-05-21 19:33:41
    微信小程序通过 按钮,绑定点击事件通过wx.navigateTo实现跳转: <button bindtap="go">go</button> 然后在js中注册对应这个函数: go: function(){ wx.navigateTo({ url: '/pages/index/index2', }...
  • 例子:首页Guiding页面点击按钮跳转到主页面 package com.example.naizu.mavec import android.app.Activity import android.content.Intent import android.os.Bundle import android.widget.Toast import kotlinx...
  • 在做游戏期末作业的时候,整理出了一份关于通过按钮实现页面跳转的方法,所用软件eclipse,android项目。
  • 使用Android点击按钮跳转页面

    千次阅读 2016-11-18 19:39:00
    然后在src文件中的包上面右击选择New目录下的Other中的Android Activity,选择BlankActivity,修改一个Activity的名字(自定义),我这里命名为BankActivity,点选finish然后新建完成一个返回页面;\ 3...
  • 本文实例为大家分享了vue点击按钮实现页面切换的具体代码,供大家参考,具体内容如下 <!DOCTYPE html> <html> <head> <meta charset=utf-8> <title></title> [removed]...
  • 总结一下在Vue里面跳转页面的方法 首先是vue提供的router-link,使用后再页面里会转换为a标签 <router-link to="/test">go home</router-link> 使用函数进行任意页面跳转 普通跳转 <button @click...
  • 今天小编就为大家分享一篇解决layer弹出层的内容页点击按钮跳转到新的页面问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • Android Studio 点击按钮跳转新界面

    万次阅读 多人点赞 2018-11-06 13:46:28
    Android Studio 点击按钮跳转新界面 问题描述 首先,我们有两个Java文件和与之绑定的xml文件。此处以HistoryActivity.java,activity_history.xml 和 EventDetail.java,activity_event_detail.xml为例。我们要实现...
  • 今天小编就为大家分享一篇pyqt5使用按钮进行界面的跳转方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • Android应用中的fragement跳转demo,跳转是从一个子fragement上的按钮跳转到其他子fragement上,不是通过导航栏上的按钮
  • 进行页面的转跳操作,在点击按钮跳转的目的地后需要将点击的按钮改变颜色。 $(function(){  var url = window.location.pathname; //获取URL的路径部分  var uri = url.split('/'); //用以获取比较的参数,我...
  • 页面布局,button按钮页面跳转,只有两个页面
  • HTML/CSS - 点击按钮跳转到新页面

    万次阅读 多人点赞 2019-07-06 08:52:48
    <!... <title>Title ... // 外部js文件路径" type="text/javascript... 点击跳转到百度 </button> --> 快点击我~ ()" id="button_2"> 在点击我~ </html>  
  • ionic 4 点击按钮跳转页面传值并刷新

    千次阅读 2019-05-11 08:47:19
    点button就可以跳转到另外的页面 1.跳转刷新 在跳转页的ts文件中 import { NavController } from '@ionic/angular'; 构造函数 constructor( public nav: NavController, ) 具体方法 back(){ this.nav....
  • 安卓点击按钮实现跳转功能

    热门讨论 2013-07-08 14:28:22
    用安卓的工程实现点击按钮页面跳转功能,适合新手
  • vue点击按钮跳转页面

    万次阅读 2019-09-04 19:46:32
    const str = location.href.split('#')[0] window.open(`${str}#/ router的name `)
  • 废话不多说:
  • A页面&lt;div&gt; &lt;a href="... target="view_window"... //按钮 //给a标签添加要跳转的链接,并在链接后面拼接 ? type=1 &lt;a href="概算分析报告-详情.html?type=
  • import androidx.appcompat.app.AppCompatActivity;... } } 跳转黑屏闪退 在想要跳转页面处,选中类名,按住“Alt”+“Enter”,选择“add activity to maniefest”。 这样就实现了该页面的注册。
  • HTML点击按钮button跳转页面的几种实现方法 (转载)

    万次阅读 多人点赞 2019-11-20 16:30:09
    </button> </a> 方法四:表单的action定向提交跳转 <from action="xx.html" method="post"> 按钮"> </from> 还有其他方法,有些方法一些浏览器可能会不支持。 结尾 我是圆圆,如果我的文章对你的学习成长有所帮助,...
  • Android Studio中点击按钮跳转到其他页面: private Button button1; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 121,235
精华内容 48,494
关键字:

点击按钮跳转页面