導航:首頁 > 操作系統 > 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開發創意
- 安卓快手下載怎麼沒有下載到本地