我们经常遇到对actionBarTab 进行操作的情况。现在记录修改它的样式的方法,已经如何自定义tab的显示布局

1.在你的theme主题中添加<item name="android:actionBarTabStyle">@style/backupActionBarTabView</item>

<resources>

    <style name="BackupRestore.Theme" parent="@android:style/Theme.Funui">
<item name="android:windowFullscreen">true</item>
<item name="android:actionBarStyle">@style/actionbar_def_style</item>
<item name="android:actionBarTabStyle">@style/backupActionBarTabView</item>
<item name="android:actionBarTabTextStyle">@style/customActionBarTabTextStyle</item>
<item name="android:actionModeStyle">@style/actionmode_def_style</item>
</style>
<style name="customActionBarTabTextStyle">
<item name="android:textColor">@color/action_bar_title_text_color</item>
<item name="android:textSize">@dimen/action_bar_title_text_size</item>
<item name="android:paddingStart">@dimen/action_bar_title_text_size</item>
</style>
<style name="backupActionBarTabView" parent="@android:style/Widget.Holo.Light.ActionBar.TabView">
<item name="android:background">#04cd74</item>
<item name="android:gravity">center_horizontal</item>
<item name="android:paddingStart">66dip</item>
</style> </resources>

2.在<style name="backupActionBarTabView" parent="@android:style/Widget.Holo.Light.ActionBar.TabView">中定义相关属性

1)<item name="android:paddingStart">66dip</item>这个可以更改标题的位置,但是,它永远相对的都是 自己框内的位置,例如,如果你有两个标题,那么你的第一个标题就会距离左边屏幕66dip,第二个标题就会距离中间分割位置66dip,<item name="android:paddingEnd">66dip</item>属性跟这个类似

2)其实<item name="android:actionBarTabTextStyle"> @style/customActionBarTabTextStyle</item>也可以调节标题的位置,只不过它调节的是text相对 于框的位置<item name="android:paddingStart">@dimen/action_bar_title_text_size</item>

不过,这两个用起来非常的不方便,至于怎么让两个标题都往中间靠拢的方法,我们可以自定于布局

2)自定义tab显示内容布局

1.定义各自的mxl文件,如backup_tab.xml这里仅仅需要一个textview就行了

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_height="match_parent"
android:layout_width="match_parent" >
<TextView
android:layout_alignParentLeft="true"
android:text="@string/set_label_local_albums"
android:layout_height="wrap_content"
<!--如果设置为wrap_content就不行--> android:layout_width="match_parent"
android:paddingTop="33dp"
android:paddingLeft="21dp"
android:textColor="@color/action_bar_title_text_color"
android:textSize="@dimen/action_bar_title_text_size" />
</RelativeLayout>

2.在代码中引用

private void setupActionBar(Bundle state) {

        ActionBar actionBar = getActionBar();
actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);
actionBar.setDisplayOptions(0, ActionBar.DISPLAY_SHOW_HOME | ActionBar.DISPLAY_SHOW_TITLE); Tab tab = actionBar.newTab();
/* Vanzo:zhangshuli on: Thu, 15 Jan 2015 10:37:32 +0000
tab.setText(R.string.backup);
*/
tab.setCustomView(R.layout.backup_tab);
// End of Vanzo: zhangshuli
tab.setTabListener(new TabListener(mBackupFragment, Constants.BACKUP));
actionBar.addTab(tab); tab = actionBar.newTab();
/* Vanzo:zhangshuli on: Thu, 15 Jan 2015 10:38:05 +0000
tab.setText(R.string.restore);
*/
tab.setCustomView(R.layout.restore_tab);//资源的引用,直接是引用layout就可以了
// End of Vanzo: zhangshuli
tab.setTabListener(new TabListener(mRestoreFragment, Constants.RESTORE));
actionBar.addTab(tab); if(state != null){
int position = state.getInt(STATE_TAB, 0);
if(position != 0){
actionBar.setSelectedNavigationItem(position);
}
}
}

但是,刚开始在更改actionBarTab的时候,遇到了一件非常奇怪的事情,就是当我自定义一个布局的时候(如上),无论我怎么调节,textview总是距离中间有一段位置,虽然我设置了Relativelayout是充满父容器的。通过hierarchy看布局,你会发现Relativelayout跟textview的宽度是一样的。后来怎么试验都不行.

后来我就想,既然他们两个都是一样的,那么如果我分别强制性的设置这两个控件的宽度不一样呢。然后,我就设置了两个宽度分别为178dp结果真的生效了。至此得出一个结论,就是textview决定了一切,必须把两个控件的宽度都设置为match_parent,完美实现了效果

actionBarTab-actionBarTab自定义 布局没法改变其中字体相对中间的位置的更多相关文章

  1. 自定义TextView 调用ttf格式字体

    自定义TextView 调用ttf格式字体 1.<strong>将ttf格式文件存放在assets/fonts/下</strong> 注:PC系统字体存放在C:\Windows ...

  2. C#Winform使用扩展方法自定义富文本框(RichTextBox)字体颜色

    在利用C#开发Winform应用程序的时候,我们有可能使用RichTextBox来实现实时显示应用程序日志的功能,日志又分为:一般消息,警告提示 和错误等类别.为了更好地区分不同类型的日志,我们需要使 ...

  3. OC - 31.通过封装的自定义布局快速实现商品展示

    概述 实现效果 设计思路 采用MVC架构,即模型—视图-控制器架构 使用MJExtension框架实现字典转模型 使用MJRefresh框架实现上拉和下拉刷新 上拉刷新,加载新的数据 下拉刷新,加载更 ...

  4. OC - 29.自定义布局实现瀑布流

    概述 瀑布流是电商应用展示商品通常采用的一种方式,如图示例 瀑布流的实现方式,通常有以下几种 通过UITableView实现(不常用) 通过UIScrollView实现(工作量较大) 通过UIColl ...

  5. Xamarin自定义布局系列——瀑布流布局

    Xamarin.Forms以Xamarin.Android和Xamarin.iOS等为基础,自己实现了一整套比较完整的UI框架,包含了绝大多数常用的控件,如下图 虽然XF(Xamarin.Forms简 ...

  6. Xamarin自定义布局系列——ListView的一个自定义实现ItemsControl(横向列表)

    在以前写UWP程序的时候,了解到在ListView或者ListBox这类的列表空间中,有一个叫做ItemsPannel的属性,它是所有列表中子元素实际的容器,如果要让列表进行横向排列,只需要在Xaml ...

  7. Xamarin自定义布局系列——支持无限滚动的自动轮播视图CarouselView

    背景简述 自动轮播视图(CarouselView)在现在App中的地位不言而喻,绝大多数的App中都有类似的视图,无论是WebApp还是Native App.在安卓.iOS以及Windows(UWP) ...

  8. android dialog使用自定义布局 设置窗体大小位置

    AlertDialog.Builder builder = new Builder(mContext); builder.setTitle("更新进度"); final Layou ...

  9. 【转】C# 控件的自定义拖动、改变大小方法

    在用VS的窗体设计器时,我们可以发现控件都是可以拖动的,并且还可以调整大小.怎么在自己的程序中可以使用上述功能呢? 下面的方法值得借鉴! using System; using System.Wind ...

随机推荐

  1. Spring-statemachine给end状态设置action

    Spring-statemachine版本:当前最新的1.2.3.RELEASE版本 builder.configureStates() .withStates() .initial(generate ...

  2. vue14 自定义过滤器

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  3. WebServic调用天气预报服务

    在项目开发中,我们除了发布WebService提供客户调用外,也经常需要调用一些客户或者第三方的WebService服务,这里就通过一个Demo来演示调用一个第三方的天气预报服务. 1.天气预报服务接 ...

  4. TYVJ 1935 拆点网络流

    思路: 就是一个多重匹配 把每个防御塔拆成 拆成第j次 发射的导弹 跑个网络流 //By SiriusRen #include <cmath> #include <queue> ...

  5. maven pom下载不了

    Downloading: http://repo.maven.apache.org/maven2/org/apache/maven/plugins/maven-clean-plugin/2.4.1/m ...

  6. rem的解决方案

    http://www.qdfuns.com/notes/32967/37b8f127797c6c2b66f2c1dc6d133e45.html rem 作为一个低调的长度单位,由于手机端网页的兴起,在 ...

  7. GridView单元格取值显示为&nbsp;

    在通过GridView取一个单元格(cell)的值时,数据库中为NULL,而页面上显示为空格.发现通过gridview.cell[i].text取出来的值为 ,导致获取数据出现问题. 解决方法: 一. ...

  8. PHP的数组分为两种类型,一种是索引数组,一种是关联数组。有如下关联数组,我们如何获取它的第一个key和value呢?

    示例:$items=array('name'=>'sjm','age'=>'26','sex' => '男','location'=>'北京'); //当然用循环然后break ...

  9. 在 Snoop 中使用 PowerShell 脚本进行更高级的 UI 调试

    原文:在 Snoop 中使用 PowerShell 脚本进行更高级的 UI 调试 版权声明:本作品采用知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议进行许可.欢迎转载.使用.重新发布, ...

  10. Android中Service的一个Demo例子

    Android中Service的一个Demo例子  Service组件是Android系统重要的一部分,网上看了代码,很简单,但要想熟练使用还是需要Coding.  本文,主要贴代码,不对Servic ...