简单导航页制作--代码

/

//  ViewController.swift

//  welcomePage2

//

//  Created by 曾志良 on 15/9/30.

//  Copyright (c) 2015 曾志良. All rights reserved.

//


import UIKit


class ViewController: UIViewController,UIScrollViewDelegate {

    var scrollview=UIScrollView()

    var pageController=UIPageControl()

    var but=UIButton()


    override func viewDidLoad() {

        super.viewDidLoad()

        

        pageController.center=CGPointMake(self.view.frame.width/2, self.view.frame.height-30)

        pageController.currentPageIndicatorTintColor=UIColor.redColor()

        pageController.pageIndicatorTintColor=UIColor.whiteColor()

        pageController.numberOfPages=4

        pageController.addTarget(self, action: "scrollViewDidEndDecelerating", forControlEvents: UIControlEvents.ValueChanged)

        

        

        

        

        

        scrollview.frame=self.view.bounds

        scrollview.contentSize=CGSizeMake(4*self.view.frame.width, 0)

        scrollview.pagingEnabled=true

        scrollview.bounces=false

        scrollview.showsHorizontalScrollIndicator=false

        scrollview.delegate=self

        self.view.addSubview(scrollview)

       

        


        

        for(var i=0;i<4;i++){

           let image=UIImage(named: "1.JPG")

            let imageview=UIImageView(frame: CGRectMake(0, 0, self.view.frame.widthself.view.frame.height))

            imageview.image=image

            var frame=imageview.frame

            frame.origin.x=CGFloat(i)*frame.size.width

            imageview.frame=frame

            scrollview.addSubview(imageview)

             self.view.addSubview(pageController)

            

        

        

        }

        

        

        

        

    }

    

    func scrollViewDidEndDecelerating(scrollView: UIScrollView){

        var index=Int(scrollview.contentOffset.x/self.view.frame.size.width)

        pageController.currentPage=index

        

        if (index==3){

            self.but.frame=CGRectMake(3*self.view.frame.width, self.view.frame.height, self.view.frame.width, 30)

        

            self.but.setTitle("welcome!", forState: UIControlState.Normal)

            self.but.titleLabel?.font=UIFont.systemFontOfSize(20.0)

            self.but.setTitleColor(UIColor.redColor(), forState: UIControlState.Highlighted)

            self.but.backgroundColor=UIColor.brownColor()

            self.but.alpha=0

            self.but.addTarget(self, action: "butClick:", forControlEvents: UIControlEvents.TouchUpInside)

            UIView.animateWithDuration(1, delay: 0.5, options: UIViewAnimationOptions.CurveEaseInOut, animations: { () -> Void in

                self.but.frame=CGRectMake(3*self.view.frame.width, self.view.frame.height-100, self.view.frame.width, 50)

                self.but.alpha=1

                self.scrollview.addSubview(self.but)

     

                }, completion: nil)

            

            

        }

        

    }

    func butClick(but:UIButton){

        let sb=UIStoryboard(name: "Main", bundle: nil)

        let second=sb.instantiateViewControllerWithIdentifier("second")as!UIViewController

        self.presentViewController(second, animated: true, completion: nil)

    

    }

    

    

    

    override func didReceiveMemoryWarning() {

        super.didReceiveMemoryWarning()

        // Dispose of any resources that can be recreated.

    }



}

HBuilderX是一个轻量级但功能强大的前端开发IDE,它支持多种前端技术栈,包括HTML、CSS和JavaScript等。使用HBuilderX来制作一个旅游景点的页面,你需要遵循以下步骤: 1. **项目设置**:首先,启动HBuilderX并创建一个新的项目或文件夹作为你的工作区。 2. **编写HTML**:使用HTML来构建页面的基本结构。你可以创建一个新的HTML文件(如index.html),并定义所需的结构元素如`<!DOCTYPE html>`、`<html>`、`<head>`和`<body>`。在`<body>`中,你可以添加一些基本的元素,比如`<header>`来放置网站标题或导航菜单,`<section>`或`<div>`来划分不同内容区域,例如景点介绍、图片轮播、用户评论等。 3. **添加CSS**:创建一个或多个CSS文件(如style.css),通过链接到你的HTML文件来添加样式。在CSS文件中,你可以使用类(class)、ID选择器、伪类和伪元素来设计你的页面布局和视觉效果。使用响应式设计原则确保页面在不同设备上均能良好显示。 4. **编写JavaScript**:如果你需要添加一些交云动效果,如图片轮播、表单验证或动态内容加载,你可以创建一个JavaScript文件(如script.js)。在这里编写相关的脚本来控制页面行为。 5. **预览和调试**:HBuilderX提供了实时预览功能,你可以在编辑器中直接查看代码改变后的效果,并且进行调试。 6. **优化和测试**:在开发完成后,确保在不同的浏览器和设备上测试你的页面,以保证兼容性和用户体验。 例如,以下是一个简单的HTML结构,用于创建一个旅游景点页面的基本框架: ```html <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>旅游景点介绍</title> <link rel="stylesheet" href="style.css"> </head> <body> <header> <h1>景点名称</h1> <nav> <!-- 导航菜单 --> </nav> </header> <section class="introduction"> <h2>景点介绍</h2> <p>这里是景点的详细介绍...</p> </section> <section class="images"> <h2>图片展示</h2> <!-- 图片轮播或图片列表 --> </section> <footer> <p>版权所有 © 你的名字</p> </footer> <script src="script.js"></script> </body> </html> ``` 确保你有相应的CSS和JavaScript文件,并且这些文件中的代码是根据你的设计要求来编写的。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值