怎样给不同的柱子上添加不同的标准误差线(怎么给柱形图加误差线)
1284
2022-05-30
在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
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
程序:
?
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).列表类型。
如图:
?
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
android:id="@+id/menu_collapse" android:actionLayout="@layout/collapsibleview" android:icon="@drawable/search" android:showAsAction="ifRoom|collapseActionView" android:title="@string/menu_search">
android:id="@+id/menu_share" android:actionProviderClass="android.widget.ShareActionProvider" android:enabled="true" android:showAsAction="ifRoom" android:title="@string/menu_share"/> android:id="@+id/menu_settings" android:icon="@drawable/save" android:orderInCategory="100" android:title="@string/menu_settings"> android:id="@+id/menu_save" android:icon="@drawable/save" android:showAsAction="ifRoom|withText" android:title="@string/menu_save"> android:id="@+id/action_sort_size" android:icon="@android:drawable/ic_menu_sort_by_size" android:onClick="onSort"/> android:id="@+id/action_sort_alpha" android:icon="@android:drawable/ic_menu_sort_alphabetically" android:onClick="onSort"/> 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; } 效果如图: 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 android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical" > android:id="@+id/fragment_place" android:layout_width="match_parent" android:layout_height="wrap_content" > fragment_a.xml:每个fragment的布局: ? 1 2 3 4 5 6 7 8 9 10 11 12 android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical" > android:id="@+id/fragment_a" android:layout_width="match_parent" android:layout_height="wrap_content" > 显示效果如图: 九-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 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; } } 效果图如下: 十、ActionBar的美化 1、 ? 1 2 3 4 5 6 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":绿色 2、其他选项的Style Action items android:actionButtonStyle ? 1 2 3 4 5 6 7 从上面的定义看出,它定义了Button的最小宽度、居中样式、左右padding以及图片的放缩方式。再看看该样式的父样式 ? 1 2 3 4 5 6 7 android:actionBarItemBackground 定义显示的item选项的背景 Api 14以上可以使用android:itemBackground定义全部Item的背景选项 这俩个选项其实和定义actionBarButtonStyle的背景已经有覆盖 所以用的时候定义一个就行 android:actionBarDivider 样式属性actionBarDivider定义了ActionBar操作项之间的分隔条。可以看出,它直接引用了另一个ActionBar相关属性 dividerVertical,其定义如下: ? 1 android:actionMenuTextColor android:actionMenuTextAppearance 这俩个属性是定义menu item 文字大小和颜色 ? 1 2 3 4 5 6 7 android:actionBarWidgetTheme Navigation tabs android:actionBarTabStyle 样式属性 actionBarTabStyle 为Tab页的标签定义样式 ? 1 2 3 4 5 android:actionBarTabBarStyle 样式属性actionBarTabBarStyle 定义了Tab标签之间分隔条。 ? 1 2 3 4 5 android:actionBarTabTextStyle 样式属性 actionBarTabTextStyle 定义了Tab的文本样式,如下: ? 1 2 3 4 5 6 7 8 9 android:actionDropDownStyle 样式属性 actionDropDownStyle 定义了下拉导航列表的样式,如下: ? 1 2 3 其父样式 ? 1 2 3 4 5 6 7 8 9 10 说下ActionBar 总体系统提供的样式 样式属性actionBarStyle定义了ActionBar的基本样式。 ? 1 2 3 4 5 6 7 8 9 10 11 12 其父样式 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 Android XML
版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。