AndroidStudio自带导航侧滑实现解析以及导航头部控件事件处理实现

更新时间:2023-06-26 22:25:26 阅读: 评论:0

AndroidStudio⾃带导航侧滑实现解析以及导航头部控件事件
处理实现
Android Studio⾃带侧滑栏的解析以及导航头部控件事件处理实现隐患分级
1、使⽤Android Sdudio新建⼯程,在选择MainActivity布局时,选择Navigation Drawer Activity;
2、应⽤中⽤于实现侧滑栏功能的⽂件主要有⼀下⼏个:
(1) MainActivity.java
(2) activity_l
(3) nav_l
(4) l骑车膝盖疼
(5) app_l
(6) l
下⾯我们⼀⼀说明以上⼏个⽂件,先从最简单的开始。
3、activity_l
这个⽂件位于res-menu⽂件夹下,看位置就知道这是⼀个菜单⽂件,其中包含有⼀些菜单项,⽤来实现侧滑栏的菜单,显⽰如下所⽰:
下⾯我们来看内部的代码(说明全部写在代码中间了~~~)
<?xml version="1.0"encoding="utf-8"?>
<menu xmlns:android="/apk/res/android"
xmlns:tools="/tools"
tools:showIn="navigation_view">
<!--checkableBehavior:设置该组所有菜单项上显⽰的选择组件(CheckBox或Radio Button)。    如果将该属性值设为all,显⽰CheckBox组件;如果设为single,显⽰Radio Button组件;
如果设为none,显⽰正常的菜单项(不显⽰任何选择组件)。-->
<group android:checkableBehavior="single">
<!--item代表菜单项,id⽤于标识,icon是菜单显⽰的图标,title是显⽰的标题-->
<item
android:id="@+id/nav_camera"
android:icon="@drawable/ic_menu_camera"
android:title="Import"/>
<item
android:id="@+id/nav_gallery"
android:icon="@drawable/ic_menu_gallery"
android:title="Gallery"/>
<item
android:id="@+id/nav_slideshow"
android:icon="@drawable/ic_menu_slideshow"
android:title="Slideshow"/>
<item
android:id="@+id/nav_manage"
android:icon="@drawable/ic_menu_manage"
android:title="Tools"/>
</group>
<!--item中也可以嵌套menu,表⽰⼦菜单,但是item中不能再嵌套item-->
<item android:title="Communicate">
<!--menu表⽰菜单,其中包含菜单项item-->
<menu>
<item
android:id="@+id/nav_share"
android:icon="@drawable/ic_menu_share"
android:title="Share"/>
<item
android:id="@+id/nav_nd"
android:icon="@drawable/ic_menu_nd"
android:title="Send"/>
</menu>
</item>
</menu>
以上就是关于menu的说明;
4、nav_l
这个⽂件位于res-layout下,是导航侧栏头部的布局⽂件,显⽰如下:
下⾯来看内部的代码,因为这⼀块⽐较简单,就在此稍微说明⼀下,不在代码中间详细介绍了。这个界⾯由⼀个垂直的线性布局构成,从上到下分别是ImageView和两个TextView,在实际开发的时候,可以在此进⾏⾃⼰的个性化设计,⾮常⽅便。代码贴在下⾯:
<?xml version="1.0"encoding="utf-8"?>
<LinearLayout xmlns:android="/apk/res/android"
xmlns:app="/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="@dimen/nav_header_height"
android:background="@drawable/side_nav_bar"
android:gravity="bottom"
android:orientation="vertical"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:theme="@style/ThemeOverlay.AppCompat.Dark">
成本人<ImageView
android:id="@+id/imageView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:paddingTop="@dimen/nav_header_vertical_spacing"
app:srcCompat="@mipmap/ic_launcher_round"/>
根鸟好词好句
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:paddingTop="@dimen/nav_header_vertical_spacing"
android:text="Android Studio"
android:textAppearance="@style/TextAppearance.AppCompat.Body1"/>
<TextView
android:id="@+id/textView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
成为党员的流程android:text="android."/>
</LinearLayout>
5、l
这个布局⽂件构成主界⾯显⽰的内容,默认的情况下是⼀个TextView,当然在此可以进⾏个性化设计,默认的效果如下(除了右下⾓的悬浮按钮,⼀会⼉说明);
下⾯对⽂件内部代码进⾏说明:
<?xml version="1.0"encoding="utf-8"?>走迷宫教案
<straint.ConstraintLayout
xmlns:android="/apk/res/android"
xmlns:app="/apk/res-auto"
家长对老师的建议xmlns:tools="/tools"
花生怎么煮android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_behavior="@string/appbar_scrolling_view_behavior"
tools:context="com.application.MainActivity"
tools:showIn="@layout/app_bar_main">
<!--外层是⼀个弹性约束布局,跟相对布局有点⼉像,这不是我们的重点,此处不展开说明-->
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Hello World!"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent"/>
</straint.ConstraintLayout>
这个界⾯也⽐较简单,不过多解释说明。
6、app_l
这是⼀个⽐较复杂的界⾯,虽然看起来和前⼀个界⾯基本上⼀样,但是内部的代码完全不同,此处重点解释内部的代码:

本文发布于:2023-06-26 22:25:26,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/fan/82/1046837.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:布局   导航   实现   代码
相关文章
留言与评论(共有 0 条评论)
   
验证码:
推荐文章
排行榜
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图