SideBar Navigation

本文介绍了如何在iOS应用中使用StackedView组件实现页面切换效果,通过点击按钮使主界面左侧滑动显示子视图,点击列表行则在右侧显示新内容,同时详细解释了在进行搜索操作时,如何使左侧视图全屏显示搜索结果。文章提供了一个Code4App编译测试实例,适用于Xcode4.5和iOS6.0环境。
    类似于Faceboo App的Stacked View。点击主界面上的一个按钮时,主界面左边滑动一半显示出一个子视图,点击列表上任意一行,右边部分出现新内容,左边子视图滑出界面。当对左边视图进行搜索时,左边一半界面的视图变成全界面显示搜索内容。

    Code4App编译测试,测试环境:Xcode 4.5, iOS 6.0。
  • ios SideBar Navigation

转载:http://www.adobex.com/ios/source/details/00000080.htm

转载于:https://my.oschina.net/u/868244/blog/104523

org.apache.jasper.JasperException: 无法为JSP编译类: 在生成的java文件中的第:[15]行发生错误:[C:\Users\19653\AppData\Local\JetBrains\IntelliJIdea2024.3\tomcat\Unnamed_meeting\work\Catalina\localhost\ROOT\org\apache\jsp\html\article_jsp.java] The type jdk.jfr.internal.tool.Command.title is not visible Stacktrace: org.apache.jasper.compiler.DefaultErrorHandler.javacError(DefaultErrorHandler.java:72) org.apache.jasper.compiler.ErrorDispatcher.javacError(ErrorDispatcher.java:192) org.apache.jasper.compiler.JDTCompiler.generateClass(JDTCompiler.java:542) org.apache.jasper.compiler.Compiler.compile(Compiler.java:371) org.apache.jasper.compiler.Compiler.compile(Compiler.java:343) org.apache.jasper.compiler.Compiler.compile(Compiler.java:329) org.apache.jasper.JspCompilationContext.compile(JspCompilationContext.java:603) org.apache.jasper.servlet.JspServletWrapper.service(JspServletWrapper.java:399) org.apache.jasper.servlet.JspServlet.serviceJspFile(JspServlet.java:376) org.apache.jasper.servlet.JspServlet.service(JspServlet.java:324) javax.servlet.http.HttpServlet.service(HttpServlet.java:623) org.apache.tomcat.websocket.server.WsFilter.doFilter(WsFilter.java:51此为错误,以下为jsp代码<%@ page contentType="text/html;charset=UTF-8" language="java" %> <%@ page import="java.sql.*" %> <%@ page import="static jdk.jfr.internal.tool.Command.title" %> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>文章</title> </head> <body> <jsp:include page="/incloud/header.jsp" /> <div class="d-flex align-items-stretch"> <!-- Sidebar Navigation--> <jsp:include page="/incloud/sidebar.jsp" /> <% boolean browseCount; %> <!-- Sidebar Navigation end--> <div class="page-content"> <div class="page-header"> <div class="container-fluid"> <h2 class="h5 no-margin-bottom">发布文章</h2> </div> </div> <li class="no-padding-bottom"> <div class="list-group myList"> <!--搜索文章的条件--> <div class="myTitle"> <form class="form-inline" action="article.jsp" method="get"> <div class="form-group"> <label for="inlineFormInput" class="sr-only">Name</label> <input id="inlineFormInput" name="title" type="text" placeholder="按标题名字查找" class="mr-sm-3 form-control"> </div> <div class="form-group"> <input type="submit" value="查询" class="btn btn-primary"> </div> </form> <input id = "addArt" type="submit" value="发布文章" class="btn btn-primary"> </div> <ul> <li class="list-group-item" action="/article/findAll" method="get"> <table> <thead> <tr> <span>收藏数:100</span> <span> </span> <span> </span> <span> </span> <span>浏览数:<th> </th></span> <p class="h6">作者:<th> </th></p> <p class="h6">时间:<th></th></p> <p style="white-space:nowrap;overflow:hidden;text-overflow: ellipsis"><th></th></p> </tr> </thead> <tbody> <tr> <th scope="row">${article.user_id}</th> <td>${article.browse_count}</td> <td>${article.publish_realname}</td> <td>${publish_date}</td> </tr> </tbody> </table> </li> </ul> <nav class="text-center" aria-label="Page navigation"> <ul class="pagination"> <li> <a href="javascript:" onclick="pre()" aria-label="Previous"> <span aria-hidden="true">«</span> </a> </li> <c:forEach begin="1" end="${pageData.totalPage}" varStatus="i"> <li><a href="/article/findAll?currPage=${i.count}&Title=${Title}">${i.count}</a></li> </c:forEach> <li> <a href="javascript:" onclick="next()" aria-label="Next"> <span aria-hidden="true">»</span> </a> </li> </ul> </nav> </div> </li> </section> <jsp:include page="/incloud/footer.jsp" /> </div> </div> </body> </html> <script type="text/javascript"> function pre() { if (${pageData.currPage-1<=0}) { layer.msg('已经到顶啦!'); return; } window.location.href = "/user/findAll?currPage=${pageData.currPage - 1}&realName=${realName}" } //添加文章跳转链接 $("#addArt").click(function () { window.location.href = '/html/article_add.jsp' }); </script>
06-20
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值