导航:首页 > 操作系统 > android横向二级菜单
android横向二级菜单
发布时间：2022-11-12 05:02:51A. css编写的简单的二级菜单怎么横向排列
这是我写的一个导航，你自己看吧。li并列应该定义其float属性为left。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> menu </TITLE>
</HEAD>
<style>
body{
padding-top:200px;
text-align:center;
font-size:13px;
}
#content{
margin:0 auto;
text-align:left;
width:720px;
background:orange;
background-color:black;
}
ul{
margin-top:1px;
list-style:none;
}
#father li{
float:left;
position:relative;
margin-right:10px;
width:120px;
text-align:center;
border:1px solid black;
border-bottom:none;
}
#father li a:link,#father li a:visited{
line-height:30px;
color:darkred;
font-weight:bold;
}
#father li ul *{
float:none;
margin-right:0px;
padding:0;
color:none;
width:90px;
background-color:orange;
border:none;
}
.child{
position:absolute ;
top:29px;
right:0px;
display:none;
}
#father li ul li a:link,#father li ul li a:visited{
margin:1px;
color:blue;
text-decoration:none;
font-weight:normal;
line-height:20px;
}
#father li ul li a:hover{
background-color:white;
}
</style>
<script>
function showMenu(emt,id1,id2){
document.getElementById(id1).style.textDecoration = "none";
document.getElementById(id1).style.color = "white";
document.getElementById(id2).style.display = "block";
emt.style.backgroundColor = "orange";
emt.style.borderColor = "white";
}
function hiddenMenu(emt,id1,id2){
document.getElementById(id1).style.textDecoration = "underline";
document.getElementById(id1).style.color = "darkred";
document.getElementById(id2).style.display = "none";
emt.style.backgroundColor = "black";
emt.style.borderColor = "black";
}
</script>
<BODY>
</table>
<div id="content">
<ul id="father">
<li onmouseover="showMenu(this,'a1','ul1')" onmouseout="hiddenMenu(this,'a1','ul1')">
<a id="a1" href="#">主页</a>
<ul id="ul1" class="child">
<li><a href="#">文字测试</a></li>
<li><a href="#">使用中文字符</a></li>
<li><a href="#">你看可以吗</a></li>
<li><a href="#">Item 4</a></li>
<li><a href="#">Item 5</a></li>
<li><a href="#">Item 6</a></li>
<li><a href="#">Item 7</a></li>
</ul>
</li>
<li onmouseover="showMenu(this,'a2','ul2')" onmouseout="hiddenMenu(this,'a2','ul2')">
<a id="a2" href="#">程序设计</a>
<ul id="ul2" class="child">
<li><a href="#">JAVA</a></li>
<li><a href="#">C/C++</a></li>
<li><a href="#">C#.NET</a></li>
<li><a href="#">游戏开发</a></li>
<li><a href="#">汇编</a></li>
</ul>
</li>
<li onmouseover="showMenu(this,'a3','ul3')" onmouseout="hiddenMenu(this,'a3','ul3')">
<a id="a3" href="#">网页技术</a>
<ul id="ul3" class="child">
<li><a href="#">HTML</a></li>
<li><a href="#">CSS</a></li>
<li><a href="#">JavaScript</a></li>
<li><a href="#">XML</a></li>
<li><a href="#">ASP</a></li>
<li><a href="#">JSP</a></li>
<li><a href="#">PHP</a></li>
<li><a href="#">Perl</a></li>
</ul>
</li>
<li onmouseover="showMenu(this,'a4','ul4')" onmouseout="hiddenMenu(this,'a4','ul4')">
<a id="a4" href="#">动态网页</a>
<ul id="ul4" class="child">
<li><a href="#">ASP</a></li>
<li><a href="#">JSP</a></li>
<li><a href="#">PHP</a></li>
<li><a href="#">Perl</a></li>
</ul>
</li>
<li onmouseover="showMenu(this,'a5','ul5')" onmouseout="hiddenMenu(this,'a5','ul5')">
<a id="a5" href="#">关于我</a>
<ul id="ul5" class="child">
<li><a href="#">Item 1</a></li>
<li><a href="#">Item 2</a></li>
<li><a href="#">Item 3</a></li>
<li><a href="#">Item 4</a></li>
<li><a href="#">Item 5</a></li>
</ul>
</li>
</ul>
<div>
</BODY>
</HTML>
B. 新手提问~这个导航的下拉二级菜单怎么变横向的~
楼主，以我开发的经验来看，目前你的菜单就是横向的，为什么呢，主要是因为下边这段代码：
#menu
li{
float:left;margin:0
1px
0
0;}
如果把里边的float:left;去掉，那么菜单就变成纵向了。你可以自己试试。
C. 如何实现android二级菜单，左右的，不是类似于qq好友列表的那种
一级菜单为一个layout，二级菜单为一个layout,点击一级菜单后，二级菜单增加一个view。
view=LayoutInflater.from(this).inflate(R.layout.menu_layout, null);
homebtnid.setOnClickListener(new OnClickListener() {
public void onClick(View v) {
menuLayout.removeAllViews();
menuLayout.addView(view);
}
});
D. 安卓手机一级菜单,二级菜单,三级菜单分别指什么弹出菜单背景修改是几级菜单s5830的手机
三星s5830的手机是安卓系统的手机，一级菜单,二级菜单,三级菜相当是电脑的程序面一样，打开我的电脑，硬盘的分区，里面的各个文件夹就是这样的一二三级菜单！弹出菜单背景修改是一级菜单1
E. 问一下，怎么才能把这Android 5.1.1，的二级菜单改成左右滑动啊。我今天开机它就变成上下滑
设置菜单。 按菜单键 然后就有切换效果 把那换了就行了
F. android系统的二级菜单是什么难道是以前那种点一下可以显示所有手机上安装应用的那个东西
一级菜单就是桌面，二级菜单就是显示所有程序的桌面，结完锁第一个看到的是一级菜单。
G. 如何让android menu横向显示
不可以,menu是需要触发了menu这个按键才会显示出来。
菜单是用户界面中最常见的元素之一，使用非常频繁，在Android中，菜单被分为如下三种，选项菜单（OptionsMenu）、上下文菜单（ContextMenu）和子菜单（SubMenu），以下说的是创建OptionsMenu
一、概述
public boolean onCreateOptionsMenu(Menu menu)：使用此方法调用OptionsMenu。
public boolean onOptionsItemSelected(MenuItem item)：选中菜单项后发生的动作。
public void onOptionsMenuClosed(Menu menu):菜单关闭后发生的动作。
public boolean onPrepareOptionsMenu(Menu menu)：选项菜单显示之前onPrepareOptionsMenu方法会被调用，你可以用此方法来根据打当时的情况调整菜单。
public boolean onMenuOpened(int featureId, Menu menu)：单打开后发生的动作。
二、默认样式
默认样式是在屏幕底部弹出一个菜单，这个菜单我们就叫他选项菜单OptionsMenu，一般情况下，选项菜单最多显示2排每排3个菜单项，这些菜单项有文字有图标，也被称作Icon Menus，如果多于6项，从第六项开始会被隐藏，在第六项会出现一个More里，点击More才出现第六项以及以后的菜单项，这些菜单项也被称作Expanded Menus。下面介绍。
1.main.xml
<?xmlversion="1.0"encoding="utf-8"?>
<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"android:layout_width="fill_parent"
android:layout_height="fill_parent">
<TextViewandroid:layout_width="wrap_content"
android:layout_height="wrap_content"android:text="请点击Menu键显示选项菜单"
android:id="@+id/TextView02"/>
</LinearLayout>
2。重载onCreateOptionsMenu(Menu menu)方法
重载onCreateOptionsMenu(Menu menu)方法，并在此方法中添加菜单项，最后返回true，如果false，菜单则不会显示。
(Menumenu)
@Override
(Menumenu){
/*
*
*add()方法的四个参数，依次是：
*
*1、组别，如果不分组的话就写Menu.NONE,
*
*2、Id，这个很重要，Android根据这个Id来确定不同的菜单
*
*3、顺序，那个菜单现在在前面由这个参数的大小决定
*
*4、文本，菜单的显示文本
*/
menu.add(Menu.NONE,Menu.FIRST+1,5,"删除").setIcon(
android.R.drawable.ic_menu_delete);
//setIcon()方法为菜单设置图标，这里使用的是系统自带的图标，同学们留意一下,以
//android.R开头的资源是系统提供的，我们自己提供的资源是以R开头的
menu.add(Menu.NONE,Menu.FIRST+2,2,"保存").setIcon(
android.R.drawable.ic_menu_edit);
menu.add(Menu.NONE,Menu.FIRST+3,6,"帮助").setIcon(
android.R.drawable.ic_menu_help);
menu.add(Menu.NONE,Menu.FIRST+4,1,"添加").setIcon(
android.R.drawable.ic_menu_add);
menu.add(Menu.NONE,Menu.FIRST+5,4,"详细").setIcon(
android.R.drawable.ic_menu_info_details);
menu.add(Menu.NONE,Menu.FIRST+6,3,"发送").setIcon(
android.R.drawable.ic_menu_send);
returntrue;
}
3。为菜单项注册事件
使用onOptionsItemSelected(MenuItem item)方法为菜单项注册事件
(MenuItemitem)
@Override
(MenuItemitem){
switch(item.getItemId()){
caseMenu.FIRST+1:
Toast.makeText(this,"删除菜单被点击了",Toast.LENGTH_LONG).show();
break;
caseMenu.FIRST+2:
Toast.makeText(this,"保存菜单被点击了",Toast.LENGTH_LONG).show();
break;
caseMenu.FIRST+3:
Toast.makeText(this,"帮助菜单被点击了",Toast.LENGTH_LONG).show();
break;
caseMenu.FIRST+4:
Toast.makeText(this,"添加菜单被点击了",Toast.LENGTH_LONG).show();
break;
caseMenu.FIRST+5:
Toast.makeText(this,"详细菜单被点击了",Toast.LENGTH_LONG).show();
break;
caseMenu.FIRST+6:
Toast.makeText(this,"发送菜单被点击了",Toast.LENGTH_LONG).show();
break;
}
returnfalse;
}
4.完整代码
packagecom.android.menu;
importandroid.app.Activity;
importandroid.os.Bundle;
importandroid.view.Menu;
importandroid.view.MenuItem;
importandroid.widget.Toast;
{
/**.*/
@Override
publicvoidonCreate(BundlesavedInstanceState){
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
}
@Override
(Menumenu){
/*
*
*add()方法的四个参数，依次是：
*
*1、组别，如果不分组的话就写Menu.NONE,
*
*2、Id，这个很重要，Android根据这个Id来确定不同的菜单
*
*3、顺序，那个菜单现在在前面由这个参数的大小决定
*
*4、文本，菜单的显示文本
*/
menu.add(Menu.NONE,Menu.FIRST+1,5,"删除").setIcon(
android.R.drawable.ic_menu_delete);
//setIcon()方法为菜单设置图标，这里使用的是系统自带的图标，同学们留意一下,以
//android.R开头的资源是系统提供的，我们自己提供的资源是以R开头的
menu.add(Menu.NONE,Menu.FIRST+2,2,"保存").setIcon(
android.R.drawable.ic_menu_edit);
menu.add(Menu.NONE,Menu.FIRST+3,6,"帮助").setIcon(
android.R.drawable.ic_menu_help);
menu.add(Menu.NONE,Menu.FIRST+4,1,"添加").setIcon(
android.R.drawable.ic_menu_add);
menu.add(Menu.NONE,Menu.FIRST+5,4,"详细").setIcon(
android.R.drawable.ic_menu_info_details);
menu.add(Menu.NONE,Menu.FIRST+6,3,"发送").setIcon(
android.R.drawable.ic_menu_send);
returntrue;
}
@Override
(MenuItemitem){
switch(item.getItemId()){
caseMenu.FIRST+1:
Toast.makeText(this,"删除菜单被点击了",Toast.LENGTH_LONG).show();
break;
caseMenu.FIRST+2:
Toast.makeText(this,"保存菜单被点击了",Toast.LENGTH_LONG).show();
break;
caseMenu.FIRST+3:
Toast.makeText(this,"帮助菜单被点击了",Toast.LENGTH_LONG).show();
break;
caseMenu.FIRST+4:
Toast.makeText(this,"添加菜单被点击了",Toast.LENGTH_LONG).show();
break;
caseMenu.FIRST+5:
Toast.makeText(this,"详细菜单被点击了",Toast.LENGTH_LONG).show();
break;
caseMenu.FIRST+6:
Toast.makeText(this,"发送菜单被点击了",Toast.LENGTH_LONG).show();
break;
}
returnfalse;
}
@Override
publicvoidonOptionsMenuClosed(Menumenu){
Toast.makeText(this,"选项菜单关闭了",Toast.LENGTH_LONG).show();
}
@Override
(Menumenu){
Toast.makeText(this,
"选项菜单显示之前onPrepareOptionsMenu方法会被调用，你可以用此方法来根据打当时的情况调整菜单",
Toast.LENGTH_LONG).show();
//如果返回false，此方法就把用户点击menu的动作给消费了，onCreateOptionsMenu方法将不会被调用
returntrue;
}
}
5.运行效果
H. android menu 二级菜单不显示的问题
的撒gas广东韶关多少度
I. android HorizontalScrollView, 横向滚动菜单，点击项，控制移动的距离
有好多实现方法，简单的就是用GridView(安卓自带网格布局)或者HorizontalListView(自定义横向list，网上有好多的)
再就是在activity中ScrollView自定义添加子View
还可以用ViewPager，TabHost
J. 用ul和li做导航栏，怎样使二级菜单横向啊
用ul和li做导航栏，使二级菜单横向
主要使用JS实现触发事件，CSS控制样式显示。
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<table width="700" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#0033CC"><div id="mymenu">
<ul>
<li>机构概况
<ul>
<li>机构情况</li>
<li>机构组成</li>
<li>机构组成</li>
</ul>
</li>
<li>人才引进</li>
<li>新闻动态</li>
<li>文化生活</li>
</ul>
</div></td>
</tr>
</table>
</body>
</html>
style.css
#mymenu {
height: 25px;
width: 700px;
float: left;
position: relative;
}
#mymenu ul li {
float: left;
width: 25%;
list-style-type: none;
font-size: 14px;
color: #FFFFFF;
position: relative;
line-height:25px;
}
#mymenu ul li ul li {
float: none;
width: 100px;
background-color: #0066CC;
}
#mymenu ul li ul{
position: absolute;
right: 100px;
top: 25px;
display:none;
}
#mymenu ul li:hover ul { display:block;}
普通的div标签会影响外面表格的高度，超过会撑大。只有设置了position才会让其成为真正的层，不会撑大外层表格，而是浮动与其上。如果单设置float是无效的。
基于这个原因，#mymenu设了个relative。目的就是让其在表格单元格里浮动起来。
#mymenu ul li要是relative #mymenu ul li ul要是absolute right: 100px;top: 25px;
#mymenu ul li 一级菜单是横向排列，所以float: left;
而里面包含的#mymenu ul li ul li是纵向排列，但受到了父级别float: left;的影响，为了消除这种影响float: none;注意不是clear
#mymenu ul li:hover ul 则是触发菜单的精髓
与android横向二级菜单相关的资料
- android全屏透明
- linuxmarkdown
- linuxifexist
- 51单片机程序单步视频
- 安卓为什么免费使用
- 怎么升级手机android
- 安卓怎么用支付宝交违章罚款
- 6p相当于安卓机什么水准
- android隐式调用
- pwm单片机原理
- 单片机供电方案
- airpodspro一代怎么连接安卓
- android深度休眠
- 单片机的原理概述
- linuxlamp编译安装
- android访问本地服务器
- 如何编写linux程序
- 安卓软件没网怎么回事
- 学习单片机的意义
- 安卓如何完全清除数据
- 安卓安卓证书怎么信任
- 光遇安卓与ios什么时候互通
- 基于单片机的浇花系统设计ppt
- 现在最流行的单片机
- 安卓手机如何隐藏微信信息提示
- androidwindows7破解版
- linux子系统中断
- linux查看进程ps
- 51单片机usb鼠标
- 安卓手机如何模拟键盘
- android录屏工具
- usb蓝牙android
- android银行卡识别
- 单片机程序烧录操作成功
- 单片机单灯左移05
- 安卓软件游戏怎么开发
- android多个布局文件
- 明日之后安卓太卡怎么办
- 单片机510教学视频
- android实现wifi连接wifi
- android开发创意
- 安卓快手下载怎么没有下载到本地