zoukankan      html  css  js  c++  java

  • Android UI开发详解之ActionBar

    在Android3.0之后，Google对UI导航设计上进行了一系列的改革，其中有一个非常好用的新功能就是引入的ActionBar，他用于取代3.0之前的标题栏，并提供更为丰富的导航效果。

    一、添加ActionBar

    1、不需要导入ActionBar，因为在android3.0或者以上版本中，ActionBar已经默认的包含在Activity中
    2、在Android3.0的默认主题“holographic”中，已经创造了ActionBar
    3、当android:minSdkVersion 或者 android:targetSdkVersion 属性被设置成11或者更高时，应用会被认为是Android3.0版本（默认含有ActionBar）

    二、隐藏ActionBar

    1、我们可以通过把主题设置为Theme.Holo.NoActionBar为一个Activity去除掉ActionBar。 

    ?
    1
    <activity android:theme="@android:style/Theme.Holo.NoActionBar">

    2、我们也可以通过在代码中调用show()或者hide()方法来相应的显示或者隐藏ActionBar

    3、在我们使用actionBar.hide();方法是系统默认会将ActionBar占用的空间分配给界面，此时显示的界面将会重新绘制。
    同样调用actionBar.show();时也会重新绘制界面。如果我们一个程序需要频繁的显示或者隐藏ActionBar的话，这样
    就不会有良好的效果。Google提供给一个属性可以让ActionBar浮在界面上，当然你可以让ActionBar的背景为透明，
    这样会有良好的体验效果。

    三、添加ActionBar的Item

    1、通过程序动态布局

    ?
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    package com.xys.actionbar;
     
    import android.os.Bundle;
    import android.app.ActionBar;
    import android.app.Activity;
    import android.view.Menu;
    import android.view.MenuItem;
     
    public class MainActivity extends Activity {
     
        ActionBar actionBar;
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
            actionBar=getActionBar();
            actionBar.show();
        }
     
     
        @Override
        public boolean onCreateOptionsMenu(Menu menu) {
            // Inflate the menu; this adds items to the action bar if it is present.
            super.onCreateOptionsMenu(menu);
            //添加菜单项
            MenuItem add=menu.add(0,0,0,"add");
            MenuItem del=menu.add(0,0,0,"del");
            MenuItem save=menu.add(0,0,0,"save");
            //绑定到ActionBar 
            add.setShowAsAction(MenuItem.SHOW_AS_ACTION_IF_ROOM);
            del.setShowAsAction(MenuItem.SHOW_AS_ACTION_IF_ROOM);
            save.setShowAsAction(MenuItem.SHOW_AS_ACTION_IF_ROOM);
            return true;
        }
         
    }

    效果如图：

    2、通过Menu.xml文件布局

    menu/menu.xml

    ?
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    <?xml version="1.0" encoding="utf-8"?>
    <menu xmlns:android="http://schemas.android.com/apk/res/android" >
     
        <item
            android:id="@+id/item1"
            android:orderInCategory="1"
            android:showAsAction="ifRoom|withText"
            android:title="@string/save"/>
     
        <item
            android:id="@+id/item1"
            android:orderInCategory="2"
            android:showAsAction="ifRoom|withText"
            android:title="@string/edit"/>
    </menu>


    程序：

    ?
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    public class ActionBarXMLActivity extends Activity {
        /** Called when the activity is first created. */
        @Override
        public void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.main);
        }
     
        @Override
        public boolean onCreateOptionsMenu(Menu menu)
        {
            MenuInflater inflater = getMenuInflater();
            inflater.inflate(R.menu.optionsmenu, menu);
            return true;
        }
    }


    效果和上面一样

    四、关于菜单项过多

    当菜单项过多时，Android会分两种情况进行处理：

    1、手机有MENU实体键：则按下Menu键后会显示剩余菜单项

    2、手机没有MENU实体键：则会在最左边显示一个Action OverFlow按钮，按下后会显示剩余项菜单，如图：

    五、使用带字的Action Item

    1、Action item 默认格式是如果菜单项含字和图标的话，只显示图标
    2、如果想要显示字的效果，在xml里如下设置：android:showAsAction="ifRoom|withText" 或者在代码里调用setShowAsAction()：setShowAsAction(MenuItem.SHOW_AS_ACTION_IF_ROOM)

    六、ActionBar的单击事件

    1、ActionBar中一个菜单项（即Action item）的触发像以前版本中的活动菜单回调方法（onOptionsItemSelected()）一样。
    2、当用户选择一个Fragment的菜单项时，首先会调用Activity的onOptionsItemSelected()方法，如果该方法返回false，则调用Fragment实现的onOptionsItemSelected()方

    法。

    ?
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    public boolean onOptionsItemSelected(MenuItem item) {
            // TODO Auto-generated method stub
            switch (item.getItemId()) {
            case R.id.menu_save:
                Toast.makeText(getApplicationContext(), "menu_save", 0).show();
                break;
            case android.R.id.home:
                Intent intent = new Intent(this, MainActivity.class);
                intent.addFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP
                        | Intent.FLAG_ACTIVITY_NEW_TASK);
                startActivity(intent);
                Toast.makeText(getApplicationContext(), "android.R.id.home", 0)
                        .show();
                break;
            default:
                break;
            }
            return super.onOptionsItemSelected(item);
        }


    七、应用的图标

    1、默认情况下，应用图标在ActionBar的左侧
    2、当用户点击应用bar的时候，系统会调用你的Activity里面的onOptionsItemSelected() 方法里面的Android.R.id.Home ID(你的主ID)里定义的事件。我们可以重写这个方法，添加一个条件执行该行为：让它跳转到这个应用的主Activity而不是返回的主屏幕。
    3、如果选择返回应用的主activity，最好的方式是在创建的Intent中添加FLAG_ACTIVITY_CLEAR_TOP这个标签。
    使用这个FLAG_ACTIVITY_CLEAR_TOP标签，如果应用的主Activity已经在activity栈中存在，所有在其上的activity都会被销毁，然后主activity会到栈顶，而不用创建主Activity的的新实例。

    ?
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    @Override
        public boolean onOptionsItemSelected(MenuItem item)
        {
            switch (item.getItemId())
            {
            case android.R.id.home:
                Intent intent = new Intent(this, MainActivity.class);
                intent.addFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP);
                startActivity(intent);
                return true;
            default:
                return super.onOptionsItemSelected(item);
            }
        }


    当我们想实现用户点击ActionBar 图标后返回前一个activity，可以通过在Actionbar设置setDisplayHomeAsUpEnabled(true) 来实现。如图：

    八、添加活动视图

    1、ActionBar中还可以添加很多其他的视图

    我们也可以添加一个视图作为一个Action Item.我们可以通过在xml元素的android:actionLayout属性制定我们希望现实布局资源的ID（例如@layout/mysearchview)
    我们可以选择添加android:actionViewClass属性分配与完全限定的类名描述我们想要显示的视图(例如android.widget.SearchView)

    ?
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    package com.xys.actionbar;
     
    import android.app.ActionBar;
    import android.app.Activity;
    import android.os.Bundle;
    import android.view.Menu;
    import android.view.MenuInflater;
     
    public class MainActivity extends Activity {
        /** Called when the activity is first created. */
        @Override
        public void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
        }
        @Override
        protected void onStart() {
            super.onStart();
            ActionBar actionBar = this.getActionBar();
            actionBar.setDisplayHomeAsUpEnabled(true);
        }
     
        @Override
        public boolean onCreateOptionsMenu(Menu menu)
        {
            MenuInflater inflater = getMenuInflater();
            inflater.inflate(R.menu.main, menu);
            return true;
        }
    }


    这样我们就添加了一个Search的视图，效果如下：

    2、其他Item

    ActionBar的Item会分有好几个种类，分别有
    1）.普通类型（带图片带文字）。
    2）.分享类型。 
    3）.可拓展类型。
    4）.列表类型。

    如图：

    `$Q5LHT7})3AFG~5(8XL}$S.jpg

    ?
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    <item
    android:id="@+id/menu_collapse"
    android:actionLayout="@layout/collapsibleview"
    android:icon="@drawable/search"
    android:showAsAction="ifRoom|collapseActionView"
    android:title="@string/menu_search">
    </item>
    <item
    android:id="@+id/menu_share"
    android:actionProviderClass="android.widget.ShareActionProvider"
    android:enabled="true"
    android:showAsAction="ifRoom"
    android:title="@string/menu_share"/>
    <item
    android:id="@+id/menu_settings"
    android:icon="@drawable/save"
    android:orderInCategory="100"
    android:title="@string/menu_settings">
    </item>
    <item
    android:id="@+id/menu_save"
    android:icon="@drawable/save"
    android:showAsAction="ifRoom|withText"
    android:title="@string/menu_save">
    <menu>
    <item
    android:id="@+id/action_sort_size"
    android:icon="@android:drawable/ic_menu_sort_by_size"
    android:onClick="onSort"/>
    <item
    android:id="@+id/action_sort_alpha"
    android:icon="@android:drawable/ic_menu_sort_alphabetically"
    android:onClick="onSort"/>
    </menu>
    </item>

    menu_save Item 就是一个最普通的带文字带图片的Item。
    能否显示在ActionBar的Item主要看android:showAsAction="ifRoom|withText"这个属性。
    看menu_sitting 就永远不会显示出来，只有在按menu时候会显示。谷歌文档中提供android：showAsAction总共有五个属性。
    never：永远不会显示。只会在溢出列表中显示。
    ifRoom：会显示在Item中，但是如果已经有4个或者4个以上的Item时会隐藏在溢出列表中。
    always：无论是否溢出，总会显示。
    withText：Title会显示。
    collapseActionView：可拓展的Item。

    3、可分享的Item
    看上面代码片段 menu_share 按钮就是一个可分享的Item。
    android:actionProviderClass="android.widget.ShareActionProvider"表示这个Item是个分享Item
    在java代码中进行实现:

    ?
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    public boolean onCreateOptionsMenu(Menu menu) {
    // 添加分享按钮的事件
    // 4.0以下没有ShareActionProvider
    MenuItem menuItem_share = menu.findItem(R.id.menu_share);
    // Get the provider and hold onto it to set/change the share intent.
    mShareActionProvider = (ShareActionProvider) menuItem_share
    .getActionProvider();
    // If you use more than one ShareActionProvider, each for a different
    // action,
    // use the following line to specify a unique history file for each one.
    // mShareActionProvider.setShareHistoryFileName("custom_share_history.xml");
      
    // Set the default share intent
    mShareActionProvider.setShareIntent(getDefaultShareIntent());
    }
    private Intent getDefaultShareIntent() {
    // TODO Auto-generated method stub
    Log.i(TAG, "getDefaultShareIntent");
    Intent intent = new Intent(Intent.ACTION_SEND);
    intent.setType("text/plain");
    intent.putExtra(Intent.EXTRA_SUBJECT, "小清新短信闪");
    intent.putExtra(Intent.EXTRA_TEXT, "小清新短信闪 1.0");
    intent.setFlags(Intent.FLAG_ACTIVITY_NEW_TASK);
    return intent;
    }

    效果如图：


    1.jpg

    4、可拓展的Item

    看到那个放大镜了，就是一个可拓展试的Item，看xml 中的 menu_collapse。
    他有俩个属性是android:actionLayout="@layout/collapsibleview" android:showAsAction="ifRoom|collapseActionView"
    android:actionLayout="@layout/collapsibleview" 是点item后拓展成的View
    android:showAsAction="collapseActionView"代表他是一个可拓展的Item

    ?
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    Button btnn;
    EditText editText;
    private ShareActionProvider mShareActionProvider;
      
    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
    // Inflate the menu; this adds items to the action bar if it is present.
    getMenuInflater().inflate(R.menu.activity_main, menu);
    // 给可折叠的view上的控件添加事件
    LinearLayout viewGroup = (LinearLayout) menu.findItem(
    R.id.menu_collapse).getActionView();
    btnn = (Button) viewGroup.findViewById(R.id.colla_btn);
    editText = (EditText) viewGroup.findViewById(R.id.colla_edit);
    btnn.setOnClickListener(new OnClickListener() {
    public void onClick(View v) {
    // TODO Auto-generated method stub
    Toast.makeText(getApplicationContext(),
    editText.getText() + "~", 0).show();
    }
    });
    }


    可拓展的Item同时还支持一个拓展事件。只有在4.0以后的Api提供：

    ?
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    MenuItem menuItem = menu.findItem(R.id.menu_collapse);
    menuItem.setOnActionExpandListener(new OnActionExpandListener() {
    @Override
    public boolean onMenuItemActionExpand(MenuItem item) {
    // TODO Auto-generated method stub
    Toast.makeText(getApplicationContext(),
    "onMenuItemActionExpand", 0).show();
    return true;
    }
      
    @Override
    public boolean onMenuItemActionCollapse(MenuItem item) {
    // TODO Auto-generated method stub
    Toast.makeText(getApplicationContext(),
    "onMenuItemActionCollapse", 0).show();
    return true;
    }
    });


    5、自定义View

    ?
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    mCustomView = getLayoutInflater().inflate(
    R.layout.action_bar_display_options_custom, null);
    mCustomView.setOnClickListener(new OnClickListener() {
      
    @Override
    public void onClick(View v) {
    // TODO Auto-generated method stub
    Toast.makeText(getApplicationContext(), "自定义view", 0).show();
    }
    });
    actionBar.setCustomView(mCustomView, new ActionBar.LayoutParams(
    LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT));

    九、ActionBar标签

    1、ActionBar可以现实选项卡供用户切换浏览该Activity中不同的Fragment
    2、每个标签都可以是一个图标或文本标题

    ?
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    package com.xys.actionbar;
     
    import android.app.ActionBar;
    import android.app.ActionBar.Tab;
    import android.app.Activity;
    import android.app.Fragment;
    import android.app.FragmentTransaction;
    import android.os.Bundle;
     
    public class MainActivity extends Activity
    {
        /** Called when the activity is first created. */
        @Override
        public void onCreate(Bundle savedInstanceState)
        {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
            ActionBar bar = getActionBar();
            //设置为Tab模式
            bar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);
            //新建2个Tab
            ActionBar.Tab tabA = bar.newTab().setText("A Tab");
            ActionBar.Tab tabB = bar.newTab().setText("B Tab");
            //绑定到Fragment
            Fragment fragmentA = new AFragmentTab();
            Fragment fragmentB = new BFragmentTab();
            tabA.setTabListener(new MyTabsListener(fragmentA));
            tabB.setTabListener(new MyTabsListener(fragmentB));
            bar.addTab(tabA);
            bar.addTab(tabB);
        }
         
        protected class MyTabsListener implements ActionBar.TabListener
        {
            private Fragment fragment;
            public MyTabsListener(Fragment fragment)
            {
                this.fragment = fragment;
            }
            @Override
            public void onTabSelected(Tab tab, FragmentTransaction ft)
            {
                ft.add(R.id.fragment_place, fragment, null);
            }
            @Override
            public void onTabReselected(Tab arg0, FragmentTransaction arg1) {
                // TODO Auto-generated method stub
                 
            }
            @Override
            public void onTabUnselected(Tab arg0, FragmentTransaction arg1) {
                // TODO Auto-generated method stub
                 
            }
        }
         
    }


    AB Tab页面：

    ?
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    package com.xys.actionbar;
     
    import android.app.Fragment;
    import android.os.Bundle;
    import android.view.LayoutInflater;
    import android.view.View;
    import android.view.ViewGroup;
     
    public class AFragmentTab extends Fragment
    {
        @Override
        public View onCreateView(LayoutInflater inflater, ViewGroup container,
                Bundle savedInstanceState)
        {
            return inflater.inflate(R.layout.fragment_a, container, false);
        }
    }


    布局：

    activity_main.xml：相当于容器

    ?
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:orientation="vertical" >
     
        <LinearLayout
            android:id="@+id/fragment_place"
            android:layout_width="match_parent"
            android:layout_height="wrap_content" >
        </LinearLayout>
     
    </LinearLayout>

    fragment_a.xml：每个fragment的布局：

    ?
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:orientation="vertical" >
     
        <LinearLayout
            android:id="@+id/fragment_a"
            android:layout_width="match_parent"
            android:layout_height="wrap_content" >
        </LinearLayout>
     
    </LinearLayout>


    显示效果如图：

    九-1、下拉模式

    前面讲到了

    ?
    1
    bar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS)

    这次我们使用下拉模式

    ?
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    public class ActionBarTestActivity extends Activity {
        /** Called when the activity is first created. */
        Button button1,button2;
        
        ActionBar actionBar;
        public void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.main);
            actionBar=getActionBar();
            // 生成一个SpinnerAdapter      
            SpinnerAdapter adapter = ArrayAdapter.createFromResource(this, R.array.student, android.R.layout.simple_spinner_dropdown_item);
            // 将ActionBar的操作模型设置为NAVIGATION_MODE_LIST      
            actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_LIST);
         // 为ActionBar设置下拉菜单和监听器       
            actionBar.setListNavigationCallbacks(adapter, new DropDownListenser());
            
    class DropDownListenser implements OnNavigationListener   
    {       
      // 得到和SpinnerAdapter里一致的字符数组      
      String[] listNames = getResources().getStringArray(R.array.student);       
      /* 当选择下拉菜单项的时候，将Activity中的内容置换为对应的Fragment */       
      public boolean onNavigationItemSelected(int itemPosition, long itemId)       
      {           
       // 生成自定的Fragment           
       Ftest student = new Ftest();           
       FragmentManager manager = getFragmentManager();           
       FragmentTransaction transaction = manager.beginTransaction();          
       // 将Activity中的内容替换成对应选择的Fragment           
       transaction.replace(android.R.id.content, student, listNames[itemPosition]);          
       transaction.commit();           
       return true;       
          
      }


    xml布局：

    ?
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    <?xml version="1.0" encoding="utf-8"?>
    <resources>
        <string name="hello">Hello World, ActionBarTestActivity!</string>
        <string name="app_name">ActionBarTest</string>
         
          <string name="ActionBar_name">ActionBar下拉菜单</string>   
           <string-array name="student">       
               <item>item1</item>       
               <item>item2</item>       
               <item>item3</item>       
               <item>item4</item>  
               </string-array>
    </resources>


    fragment：

    ?
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    public class Ftest extends Fragment
    {  
    // Fragment对应的标签，当Fragment依附于Activity时得到   
     
    private String tag;   
    @Override  
    public void onAttach(Activity activity)   
    {       
      super.onAttach(activity);       
         tag = getTag();  
    }   
    @Override   
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState)   
    {       
    //  View view = (View) inflater.inflate(R.layout.ftest, container, false);      
    //  TextView textView=(TextView) view.findViewById(R.id.topView);
    //  textView.setText(tag);
      TextView textView = new TextView(getActivity());      
      textView.setText(tag);
      return textView;   
       
    }
    }


    效果图如下：

    QQ截图20130128162215.png

    十、ActionBar的美化

    1、

    ?
    1
    2
    3
    4
    5
    6
    <style name="MyActionBar" parent="@android:style/Widget.Holo.ActionBar">
    <item name="android:windowActionBarOverlay">true</item>
    <item name="android:background">@color/ab_background_color</item>
    <item name="android:backgroundStacked">@color/ab_backgroundStacked_color</item>
    <item name="android:backgroundSplit">@color/ab_backgroundSplit_color</item>
    </style>


    item name="android:background:ActionBar本身的背景颜色。
    item name="android:backgroundStacked"：ActionBar被分离时Tab 的背景颜色。
    item name="android:backgroundSplit"：ActionBar Item 在分割到底部时的背景颜色。
    item name="android:background：蓝色 item name="android:backgroundStacked"：紫色 item name="android:backgroundSplit"：绿色

    7.jpg


    2、其他选项的Style

    Action items

    android:actionButtonStyle

    ?
    1
    2
    3
    4
    5
    6
    7
    <style name="Widget.Holo.ActionButton" parent="Widget.ActionButton">
    <item name="android:minWidth">56dip</item>
    <item name="android:gravity">center</item>
    <item name="android:paddingLeft">12dip</item>
    <item name="android:paddingRight">12dip</item>
    <item name="android:scaleType">center</item>
    </style>


    从上面的定义看出，它定义了Button的最小宽度、居中样式、左右padding以及图片的放缩方式。再看看该样式的父样式

    ?
    1
    2
    3
    4
    5
    6
    7
    <style name="Widget.ActionButton">
    <item name="android:background">?android:attr/actionBarItemBackground</item>
    <item name="android:paddingLeft">12dip</item>
    <item name="android:paddingRight">12dip</item>
    <item name="android:minWidth">56dip</item>
    <item name="android:minHeight">?android:attr/actionBarSize</item>
    </style>


    7.jpg

    android:actionBarItemBackground

    定义显示的item选项的背景 Api 14以上可以使用android:itemBackground定义全部Item的背景选项
    这俩个选项其实和定义actionBarButtonStyle的背景已经有覆盖 所以用的时候定义一个就行

    android:actionBarDivider

    样式属性actionBarDivider定义了ActionBar操作项之间的分隔条。可以看出，它直接引用了另一个ActionBar相关属性 dividerVertical，其定义如下：

    ?
    1
    <item name="dividerVertical">@drawable/divider_vertical_dark</item>


    8.jpg

    android:actionMenuTextColor
    android:actionMenuTextAppearance
    这俩个属性是定义menu item 文字大小和颜色

    ?
    1
    2
    3
    4
    5
    6
    7
    <style name="myactionMenuTextAppearance" parent="@android:style/TextAppearance.Holo.Large">
    <item name="android:textSize">20sp</item>
    <item name="android:textStyle">bold</item>
    <item name="android:textAllCaps">true</item>
    </style>
    <item name="android:actionMenuTextAppearance">@style/myactionMenuTextAppearance</item>
    <item name="android:actionMenuTextColor">@color/ab_backgroundStacked_color</item>


    9.jpg

    android:actionBarWidgetTheme 
    Navigation tabs
    android:actionBarTabStyle
    样式属性 actionBarTabStyle 为Tab页的标签定义样式

    ?
    1
    2
    3
    4
    5
    <style name="Widget.Holo.ActionBar.TabView" parent="Widget.ActionBar.TabView">
    <item name="android:background">@drawable/tab_indicator_holo</item>
    <item name="android:paddingLeft">16dip</item>
    <item name="android:paddingRight">16dip</item>
    </style>

    android:actionBarTabBarStyle
    样式属性actionBarTabBarStyle 定义了Tab标签之间分隔条。

    ?
    1
    2
    3
    4
    5
    <style name="Widget.Holo.ActionBar.TabBar" parent="Widget.ActionBar.TabBar">
    <item name="android:divider">?android:attr/actionBarDivider</item>
    <item name="android:showDividers">middle</item>
    <item name="android:dividerPadding">12dip</item>
    </style>


    android:actionBarTabTextStyle
    样式属性 actionBarTabTextStyle 定义了Tab的文本样式，如下：

    ?
    1
    2
    3
    4
    5
    6
    7
    8
    9
    <style name="Widget.Holo.ActionBar.TabText" parent="Widget.ActionBar.TabText">
    <item name="android:textAppearance">@style/TextAppearance.Holo.Medium</item>
    <item name="android:textColor">?android:attr/textColorPrimary</item>
    <item name="android:textSize">12sp</item>
    <item name="android:textStyle">bold</item>
    <item name="android:textAllCaps">true</item>
    <item name="android:ellipsize">marquee</item>
    <item name="android:maxLines">2</item>
    </style>

    android:actionDropDownStyle
    样式属性 actionDropDownStyle 定义了下拉导航列表的样式，如下：

    ?
    1
    2
    3
    <style name="Widget.Holo.Spinner.DropDown.ActionBar">
    <item name="android:background">@android:drawable/spinner_ab_holo_dark</item>
    </style>


    其父样式

    ?
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    <style name="Widget.Holo.Spinner" parent="Widget.Spinner.DropDown">
    <item name="android:background">@android:drawable/spinner_background_holo_dark</item>
    <item name="android:dropDownSelector">@android:drawable/list_selector_holo_dark</item>
    <item name="android:popupBackground">@android:drawable/menu_dropdown_panel_holo_dark</item>
    <item name="android:dropDownVerticalOffset">0dip</item>
    <item name="android:dropDownHorizontalOffset">0dip</item>
    <item name="android:dropDownWidth">wrap_content</item>
    <item name="android:popupPromptView">@android:layout/simple_dropdown_hint</item>
    <item name="android:gravity">left|center_vertical</item>
    </style>


    说下ActionBar 总体系统提供的样式
    样式属性actionBarStyle定义了ActionBar的基本样式。

    ?
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    <style name="Widget.Holo.ActionBar" parent="Widget.ActionBar">
    <item name="android:titleTextStyle">@android:style/TextAppearance.Holo.Widget.ActionBar.Title</item>
    <item name="android:subtitleTextStyle">@android:style/TextAppearance.Holo.Widget.ActionBar.Subtitle</item>
    <item name="android:background">@android:drawable/ab_transparent_dark_holo</item>
    <item name="android:backgroundStacked">@android:drawable/ab_stacked_transparent_dark_holo</item>
    <item name="android:backgroundSplit">@android:drawable/ab_bottom_transparent_dark_holo</item>
    <item name="android:divider">?android:attr/dividerVertical</item>
    <item name="android:progressBarStyle">@android:style/Widget.Holo.ProgressBar.Horizontal</item>
    <item name="android:indeterminateProgressStyle">@android:style/Widget.Holo.ProgressBar</item>
    <item name="android:progressBarPadding">32dip</item>
    <item name="android:itemPadding">8dip</item>
    </style>


    其父样式

    ?
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    <style name="Widget.ActionBar">
    <item name="android:background">@android:drawable/action_bar_background</item>
    <item name="android:displayOptions">useLogo|showHome|showTitle</item>
    <item name="android:divider">@android:drawable/action_bar_divider</item>
    <item name="android:height">?android:attr/actionBarSize</item>
    <item name="android:paddingLeft">0dip</item>
    <item name="android:paddingTop">0dip</item>
    <item name="android:paddingRight">0dip</item>
    <item name="android:paddingBottom">0dip</item>
    <item name="android:titleTextStyle">@android:style/TextAppearance.Widget.ActionBar.Title</item>
    <item name="android:subtitleTextStyle">@android:style/TextAppearance.Widget.ActionBar.Subtitle</item>
    <item name="android:progressBarStyle">@android:style/Widget.ProgressBar.Horizontal</item>
    <item name="android:indeterminateProgressStyle">@android:style/Widget.ProgressBar.Small</item>
    <item name="android:homeLayout">@android:layout/action_bar_home</item>
    </style>
        
     
    转：http://www.open-open.com/lib/view/open1373981182669.html
  • 相关阅读:
    2017.12.13T19_B2_6.4内部类
    2017.12.13T19_B2_6.3内部类
    python--spider模拟登录
    Redis数据库
    python--spider验证码
    python--Selenium(动态渲染页面爬取）
    python--Ajax
    python绘图实例
    python绘图
    Numpy库收尾（20190806）
  • 原文地址：https://www.cnblogs.com/manmanlu/p/4344570.html
Copyright © 2011-2022 走看看