本篇文章给大家谈谈透明导航代码，以及半透明导航对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、如何实现Android透明导航栏
• 2、求淘宝导航透明背景代码
• 3、淘宝新版旺铺导航半透明CSS代码是什么
• 4、求QQ空间透明的导航代码

如何实现Android透明导航栏

实现功能 

1.步骤：

1) 创建一个工程，主布局就先做一个ImageView，自己找个好看的图片做src。 

2) 在Activity重写的onCreate方法中获得窗口视图对象(DecorView) 

3) 设置DecorView的SystemUiVisibility 

4) 设置导航条、状态栏的颜色–透明 

5) 获取当前Activity的ActionBar并隐藏

2.具体代码和注释：

获取DecorView对象

@Override

protected void onCreate(Bundle savedInstanceState) {

    ...

    View decorView = getWindow().getDecorView();

    ...

}

设置SystemUiVisibility

int option = View.SYSTEM_UI_FLAG_FULLSCREEN // 全屏标记

    | View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN // 布局全屏标记，避免退出全屏模式时内容被覆盖

    | View.SYSTEM_UI_FLAG_HIDE_NAVIGATION // 隐藏导航栏标记

    | View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION // 布局隐藏导航栏标记，同理

    | View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY // 粘性沉浸体验

    | View.SYSTEM_UI_FLAG_LAYOUT_STABLE; // 确保上述标记稳定// 此方法用来设置系统UI的可见性，系统UI包括状态栏、ActionBar、导航栏devorView.setSystemUiVisibility(option);

设置状态栏、导航栏的颜色：

getWindow().setStatusBarColor(Color.TRANSPARENT);// Color.TRANSPARENT = 0 表示#00000000即透明颜色

getWindow().setNavigationBarColor(Color.TRANSPARENT);

获取本页面的ActionBar并隐藏起来

ActionBar actionBar = getSupportActionBar(); // 注意：此处用的Activity继承的是

AppCompatActivity(它继承的是FragmentActivity)

// 所以调用的是getSupport...方法，如果继承Activity则直接调用get...方法

assert actionBar != null; // 这一句可以不理会，反正我是Ctrl + F1提示出来的，意思其实是判断如果actionBar不为空则向下执行。

actionBar.hide();

注意：最后一点注意事项是：只支持Android API 21以上的手机

求淘宝导航透明背景代码

代码如下，放入导航栏的“显示设置”中。

.skin-box-bd{background:transparent;}.skin-box-bd .menu-list{background:transparent;}.skin-box-bd .menu-list .menu{background:transparent;border:none;}.skin-box-bd .menu-list .menu .link{background:transparent;border:none;}.all-cats{background:transparent;}.all-cats .link{background:transparent;border:none;}.skin-box-bd .menu-list .menu .link .title{color:#000000;}.all-cats .link .title{color:#000000;}.all-cats .link .popup-icon{background:transparent;}

我百度空间中有代码生成工具，其中有一项就是关于导航栏CSS代码的，可以自助生成代码，你可以去看看。

淘宝新版旺铺导航半透明CSS代码是什么

1：登陆淘宝卖家中心，进入淘宝店铺装修后台页面，鼠标放在导航栏位置，出现编辑窗口，

2：点击编辑，找到“显示设置”，点击后看到白框就是CSS自定义框。

3:将我们上面提供的透明代码复制进去，导航栏就会透明显示了

简单的淘宝新旺铺自定义CSS导航透明背景代码：

.skin-box-bd{background:none;}

.menu-list{background:none;}.link{background:none;}

.menu{background:none;}

.all-cats{background:none;}

.all-cats{display:none;}

.menu-list .menu .title{color:#CF6AA6;}

完全的淘宝新旺铺自定义CSS导航透明背景代码：

.skin-box-bd{background:none;border:none;}

.menu-list{background:none;}

.link{background:none;border:none;}

.menu{background:none;}

.all-cats{background:none;}

.skin-box-bd .all-cats .link{border:none;}

.skin-box-bd .menu-list .menu{border:none;}

.menu-list .menu .title{color:#000000;font-size:15px;font-weight:bold;}

.all-cats .link .title{color:#000000;font-size:15px;font-weight:bold;}

.skin-box-bd .menu-list .menu-selected .link{background:none;}

.skin-box-bd .menu-list .menu-selected .link .title{background:none;}

求QQ空间透明的导航代码

隐藏导航 ：javascript:window.top.space_addItem(12,1,0,0,0,0,1)

显示导航 ：javascript:window.top.space_addItem(13,1,0,0,0,0,1)

透明导航代码的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于半透明导航、透明导航代码的信息别忘了在本站进行查找喔。