尧图网站设计 尧图网站设计YAOTU DESIGN
ARTICLE DETAIL

资讯详情

深耕网站设计与一线实操的经验洞察。

ImageGallery 配置清单:AndroidManifest、Theme与Toolbar设置一步到位

ImageGallery 配置清单:AndroidManifest、Theme与Toolbar设置一步到位 ImageGallery 配置清单AndroidManifest、Theme与Toolbar设置一步到位【免费下载链接】ImageGalleryA gallery used to host an array of images项目地址: https://gitcode.com/gh_mirrors/im/ImageGalleryImageGallery是一款轻量级 Android 图片画廊Image Gallery组件用于在 App 中展示一组图片的缩略图网格并支持点击后全屏浏览。想要把图库真正跑起来只需要配置三样东西AndroidManifest 清单、Theme 主题、Toolbar 工具栏。这份配置清单带你逐项核对一步到位不踩坑。 1分钟认识 ImageGallery 图库ImageGallery 由两部分组成正好对应上图中的两个界面界面作用核心组件缩略图网格页以 3 列横屏 4 列展示图片列表RecyclerView 网格 Adapter全屏浏览页点击大图后左右滑动浏览ViewPager 触摸缩放视图如果你需要获取源码可以直接执行git clone https://gitcode.com/gh_mirrors/im/ImageGallery。 配置清单一AndroidManifest 三项必查打开 library/src/main/AndroidManifest.xml只需关注 3 处① 网络权限图片来自网络时必须声明uses-permission android:nameandroid.permission.INTERNET/② 注册全屏浏览 Activity注意两个属性缺一不可activity android:namecom.etiennelawlor.imagegallery.library.activities.FullScreenImageGalleryActivity android:configChangesorientation|keyboardHidden|screenSize android:themestyle/Theme.ImageGallery /③configChanges的作用屏幕旋转时由 Activity 自己处理而不是销毁重建避免横竖屏切换时图库闪回第一张。参考示例工程sample/src/main/AndroidManifest.xml。 配置清单二Theme 主题解决双标题栏的关键ImageGallery 的布局里自带了 Toolbar而 AppCompat 默认主题还会再画一条 ActionBar于是页面上就会出现两条标题栏。解决方法在 library/src/main/res/values/themes.xmlstyle nameBase.Theme.ImageGallery parentTheme.AppCompat.Light.NoActionBar item namecolorPrimarycolor/primary/item item namecolorPrimaryDarkcolor/primary_dark/item item namecolorAccentcolor/accent/item /style两个关键点父主题选NoActionBar——把系统 ActionBar 关掉只保留自己的 Toolbar配好三大品牌色——colorPrimary、colorPrimaryDark、colorAccent分别对应工具栏背景、状态栏、强调色。默认色值定义在 library/src/main/res/values/colors.xml改成自己 App 的品牌色即可工具栏颜色会自动跟随。 小技巧把android:theme只挂在图库 Activity 上见清单一可以不影响 App 其他页面的主题。 配置清单三Toolbar 工具栏三步走工具栏的标准答案在 library/src/main/res/layout/default_toolbar.xmlAppBarLayout android:idid/appbar android:themestyle/ThemeOverlay.AppCompat.Dark.ActionBar android.support.v7.widget.Toolbar android:idid/toolbar android:layout_height?attr/actionBarSize / /AppBarLayout然后分两步接入引入布局网格页 activity_image_gallery.xml 和全屏页 activity_full_screen_image_gallery.xml 都通过include layoutlayout/default_toolbar /复用同一条工具栏设置标题与返回键在 ImageGalleryActivity.java 中调用setSupportActionBar(toolbar)后再通过 ActionBar 设置标题并开启返回按钮setSupportActionBar(toolbar); actionBar.setDisplayHomeAsUpEnabled(true); // 显示左上角返回箭头 actionBar.setTitle(title);点击返回箭头的逻辑由onOptionsItemSelected拦截android.R.id.home并调用onBackPressed()完成源码中已封装好无需重写。✅ 快速自查清单配置完成后按下面 5 项逐一打钩已声明INTERNET网络权限图库 Activity 已注册且带configChanges主题父级是NoActionBar页面上只有一条标题栏colorPrimary等品牌色已改成自己 App 的颜色工具栏标题显示正常左上角返回箭头可点击退出全部打钩你的 Android 图片画廊就算配置完成啦 【免费下载链接】ImageGalleryA gallery used to host an array of images项目地址: https://gitcode.com/gh_mirrors/im/ImageGallery创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
返回列表