Skip to content

10 自定义UI样式

桓谭生 edited this page Jan 24, 2018 · 14 revisions

自定义UI样式


如果EasyPhotos的默认样式与你的app风格不符,可以在你的app的colors文件里添加以下数据进行修改  -

    <!--前景色-->
    <color name="easy_photos_fg_primary">#ffffff</color>//3e4145  前景主色,如字体颜色、icon颜色
    <color name="easy_photos_fg_primary_dark">#9b9b9b</color>//前景偏暗色,如不可用状态的字体颜色
    <color name="easy_photos_fg_accent">#00AA00</color>//578fff  前景突出色,如发送按钮的背景色,选中状态的颜色
    
    <!--背景色-->
    <color name="easy_photos_bg_primary">#000000</color>//f9f9f9  背景色,如每个activity的背景色,相册的图片间隔线颜色

    <!--操作栏颜色-->
    <color name="easy_photos_bar_primary">#393a3f</color>//ffffff 操作栏主色,如相册页顶部和底部操作栏
    <color name="easy_photos_bar_primary_dark">#303135</color>//f9f9f9  操作栏偏暗色,操作栏间隔线颜色,如相册页返回按钮右边的竖线
    <color name="easy_photos_bar_primary_translation">#eb212123</color>//b4ffffff  操作栏带透明的色值,如预览页的底部操作栏颜色,相册页的相机按钮背景颜色。

关于备注里的色值:其实就是ReadMe中白色主题的那套色值

关于状态栏颜色:
1、状态栏颜色趋近于白色时,EasyPhotos会智能将状态栏字体颜色变换为黑色。(仅限于android 6.0以上,适配全rom,如需要适配6.0以下的小米和魅族,请联系我。目前个人认为没必要。)
2、预览页状态栏颜色对应 colorPrimaryDark 色值,拼图页是全屏主题,不涉及状态栏。其他页面跟你的application主题走,如果没有特殊设置应该都是  colorPrimaryDark 色值颜色。  

关于某些特定需求:
实际上EasyPhotos内部并不仅限于以上7种色值,还包含如按钮上的文字颜色、选择器上文字颜色等色值,他们目前都是白色,如果需要更改可以查阅EasyPhotoscolors文件,里面有相应注释,可根据需求在自己项目的colors文件中对其定义,以达到个性化需求。
如果以上操作并不能满足开发需求,欢迎加QQ288600953,共同交流。