如何将ToolBar 样式设置Title文字水平居中
2015-12-15 10:16
676 查看
以下是我的activity.xml的代码,线性布局。
<android.support.v7.widget.Toolbar
android:id="@+id/toolbarTop"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="?attr/colorPrimary"
app:title="我的App">
</android.support.v7.widget.Toolbar>
就是将“我的App”居中。
效果:|---------我的App---------|
app:popupTheme——
有时候我们有需求:
ActionBar文字是白的,ActionBar Overflow弹出的是白底黑字
让ActionBar文字是白的,那么对应的theme肯定是Dark。
可是让ActionBar弹出的是白底黑字,那么需要Light主题。
这时候popupTheme就派上用场了。
in your theme :
<android.support.v7.widget.Toolbar
android:id="@+id/toolbarTop"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="?attr/colorPrimary"
app:title="我的App">
</android.support.v7.widget.Toolbar>
就是将“我的App”居中。
效果:|---------我的App---------|
app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
app:popupTheme——
有时候我们有需求:
ActionBar文字是白的,ActionBar Overflow弹出的是白底黑字
让ActionBar文字是白的,那么对应的theme肯定是Dark。
可是让ActionBar弹出的是白底黑字,那么需要Light主题。
这时候popupTheme就派上用场了。
in your theme :
<item name="actionOverflowMenuStyle">@style/OverflowMenuStyle</item> <!--溢出菜单样式 --> <style name="OverflowMenuStyle" parent="@style/Widget.AppCompat.Light.PopupMenu.Overflow"> <item name="overlapAnchor">false</item> <item name="android:dropDownWidth">wrap_content</item> <item name="android:paddingRight">5dp</item> <item name="android:popupBackground">?attr/colorPrimary</item> <item name="android:dropDownVerticalOffset">28dip</item> <item name="android:dropDownHorizontalOffset">0dip</item> </style>
<android.support.design.widget.AppBarLayout android:id="@+id/appbar" android:layout_width="match_parent" android:layout_height="wrap_content" android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"> <android.support.v7.widget.Toolbar android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="?attr/actionBarSize" android:background="?attr/colorPrimary" app:layout_scrollFlags="scroll|enterAlways" app:popupTheme="@style/ThemeOverlay.AppCompat.Light"> <LinearLayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" android:gravity="center_horizontal" android:orientation="vertical"> <TextView android:id="@+id/textView" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Large TextaaaaaaaaaaaaaaaaaaL" android:textAppearance="?android:attr/textAppearanceLarge" /> <TextView android:id="@+id/textView2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Small Text" android:textAppearance="?android:attr/textAppearanceSmall" /> </LinearLayout> </android.support.v7.widget.Toolbar> </android.support.design.widget.AppBarLayout>
相关文章推荐
- CSS背景铺满全屏
- 前端--关于CSS盒模型
- CSS的选择器
- 用图片解释程序猿疯狂的人生
- 写 CSS 时要避免的几个地方
- DIV+CSS如何让文字垂直居中?
- 通过style样式实现动态显示与隐藏
- CSS动画之硬件加速
- 修改WordPress中文章编辑器的样式的方法详解
- css3点击涟漪效果
- dynamic-css 动态 CSS 库,使得你可以借助 MVVM 模式动态生成和更新 css,从 js 事件和 css 选择器的苦海中脱离出来
- css常用简写
- 带滑动条的导航栏(上)---CSS实现样式
- CSS3阴影 box-shadow的使用和技巧总结
- 浅谈HTML和css
- ListView子布局样式有多个的处理
- css权威指南-基本视觉格式化(水平与垂直)
- bootstarp 样式细节(tooltip布局)
- 《CSS3秘籍》第12-17章
- css3 基础