当前位置:   article > 正文

Android Studio布局模板一之FloatButton和Toolbar_android studio ifroom

android studio ifroom

从今天开始就学Android Studio 推荐模板 ,今天发的本应该昨天发的,可同学刚睡醒连变压插座都没查就直接插上了电饭锅,然后过载了停了一天电尴尬尴尬尴尬这大星期天的宿舍没电。。。。


今天下午来电了,瞅了瞅加上昨天看的皮毛,就按照模板敲出来了,又加了点东西,还不错。


忘了一件事添加上    添加 compile 'com.android.support:design:23.2.1'


代码部分主要分几大块:

1.content_layout.xml  这里面就是主要的显示界面了,就是新建后的Hello World 了。但是这个布局文件并不是Activity中创建时的关联的布局文件,而是将这个布局文件嵌到另一个布局文件。


2.activityu_layout.xml这个文件就是被嵌的布局文件,这个文件就是主要的Toolbar控件和FloatingActionButton控件的布局了,这里面的布局结构很重要。


3.menu.xml这个文件就是菜单文件了,主要是为嵌到Toolbar栏上的菜单。


4.MainActivity.java 这个就是实现各种监听的。


一、content_layout.xml

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3. xmlns:app="http://schemas.android.com/apk/res-auto"
  4. xmlns:tools="http://schemas.android.com/tools"
  5. android:layout_width="match_parent"
  6. android:layout_height="match_parent"
  7. android:paddingBottom="@dimen/activity_vertical_margin"
  8. android:paddingLeft="@dimen/activity_horizontal_margin"
  9. android:paddingRight="@dimen/activity_horizontal_margin"
  10. android:paddingTop="@dimen/activity_vertical_margin"
  11. app:layout_behavior="@string/appbar_scrolling_view_behavior"
  12. tools:showIn="@layout/activity_main">
  13. <TextView
  14. android:layout_width="match_parent"
  15. android:layout_height="match_parent"
  16. android:textSize="30dp"
  17. android:text="@string/hejingzhoublog"
  18. android:id="@+id/textView" />
  19. <Button
  20. android:layout_width="wrap_content"
  21. android:layout_height="wrap_content"
  22. android:text="TestButton"
  23. android:textAllCaps="false"
  24. android:id="@+id/button"
  25. android:layout_alignTop="@+id/textView"
  26. android:layout_centerHorizontal="true"
  27. android:layout_marginTop="197dp" />
  28. </RelativeLayout>


二、activityu_layout.xml

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3. xmlns:tools="http://schemas.android.com/tools"
  4. android:layout_width="match_parent"
  5. android:layout_height="match_parent"
  6. xmlns:app="http://schemas.android.com/apk/res-auto"
  7. android:fitsSystemWindows="true"
  8. android:background="#cc33cc"
  9. tools:context="com.example.hejingzhou.floatbutton.MainActivity">
  10. <android.support.design.widget.AppBarLayout
  11. android:layout_width="match_parent"
  12. android:layout_height="wrap_content"
  13. android:theme="@style/AppTheme">
  14. <android.support.v7.widget.Toolbar
  15. android:id="@+id/toolbar"
  16. android:layout_width="match_parent"
  17. android:layout_height="?attr/actionBarSize"
  18. android:background="#778899"
  19. android:popupTheme="@style/AppTheme" />
  20. </android.support.design.widget.AppBarLayout>
  21. <include layout="@layout/content_layout" />
  22. <android.support.design.widget.FloatingActionButton
  23. android:id="@+id/flotButton"
  24. android:layout_width="50dp"
  25. android:layout_height="50dp"
  26. app:backgroundTint="#ff87ffeb"
  27. app:rippleColor="#708090"
  28. android:layout_gravity="bottom|end"
  29. android:layout_margin="13dp"
  30. android:src="@drawable/fly1" />
  31. </android.support.design.widget.CoordinatorLayout>

三、menu.xml

菜单文件需要放在menu文件夹内,默认的目录中并没有这个文件夹,所以要新建,文件夹目录层次为:


  1. <?xml version="1.0" encoding="utf-8"?>
  2. <menu xmlns:android="http://schemas.android.com/apk/res/android"
  3. xmlns:app="http://schemas.android.com/apk/res-auto">
  4. <!--
  5. 1.alaways:这个值会使菜单项一直显示在ActionBar上。
  6. 2.ifRoom:如果有足够的空间,这个值会使菜单显示在ActionBar上。
  7. 3.never:这个值菜单永远不会出现在ActionBar是。
  8. 4.withText:这个值使菜单和它的图标,菜单文本一起显示。
  9. android:orderInCategory ="80"actionbar里每个item的优先级,
  10. 值越大优先级越低,actionbar地方不够就会放到overflow中
  11. -->
  12. <item
  13. android:id="@+id/edit"
  14. android:title="编辑"
  15. android:orderInCategory ="60"
  16. android:icon="@drawable/bian"
  17. app:showAsAction="ifRoom"/>
  18. <!--
  19. 查找有个问题 就是虽然设置了ifRoom但是 还是进入了never菜单中
  20. -->
  21. <item
  22. android:id="@+id/find"
  23. android:title="查找"
  24. android:orderInCategory ="60"
  25. android:icon="@drawable/cha"
  26. app:showAsAction="ifRoom"/>
  27. <item
  28. android:id="@+id/setMenu"
  29. android:orderInCategory="100"
  30. android:title="个性设置"
  31. app:showAsAction="never"/>
  32. <item
  33. android:id="@+id/messageMenu"
  34. android:orderInCategory="100"
  35. android:title="我的信息"
  36. app:showAsAction="never"/>
  37. </menu>


四、MainActivity.java

  1. package com.example.hejingzhou.floatbutton;
  2. import android.support.design.widget.FloatingActionButton;
  3. import android.support.design.widget.Snackbar;
  4. import android.support.v7.app.AppCompatActivity;
  5. import android.os.Bundle;
  6. import android.support.v7.widget.Toolbar;
  7. import android.util.Log;
  8. import android.view.Menu;
  9. import android.view.MenuItem;
  10. import android.view.View;
  11. import android.widget.Button;
  12. import android.widget.Toast;
  13. public class MainActivity extends AppCompatActivity {
  14. private String TAG = getClass().getSimpleName();
  15. @Override
  16. protected void onCreate(Bundle savedInstanceState) {
  17. super.onCreate(savedInstanceState);
  18. setContentView(R.layout.activity_main);
  19. Button buttonTest = (Button)findViewById(R.id.button);
  20. buttonTest.setOnClickListener(new View.OnClickListener() {
  21. @Override
  22. public void onClick(View v) {
  23. Toast.makeText(MainActivity.this,"TestActivity",Toast.LENGTH_SHORT).show();
  24. }
  25. });
  26. //工具条 并不是标题栏
  27. Toolbar toolbar = (Toolbar)findViewById(R.id.toolbar);
  28. toolbar.setNavigationIcon(R.drawable.fly1);
  29. toolbar.setTitle("主标题");
  30. toolbar.setLogo(R.drawable.xiao);
  31. toolbar.setSubtitle("副标题");
  32. Log.i(TAG, "" + toolbar.getContentInsetLeft());
  33. setSupportActionBar(toolbar);
  34. toolbar.setNavigationOnClickListener(new View.OnClickListener() {
  35. @Override
  36. public void onClick(View v) {
  37. Toast.makeText(MainActivity.this,"单击了导航栏图标",Toast.LENGTH_SHORT).show();
  38. }
  39. });
  40. //浮动Button
  41. FloatingActionButton floatButton = (FloatingActionButton)findViewById(R.id.flotButton);
  42. floatButton.setOnClickListener(new View.OnClickListener() {
  43. @Override
  44. public void onClick(View v) {
  45. Snackbar.make(v, "你点击了 FloatButton", Snackbar.LENGTH_SHORT)
  46. .setAction("Action", null).show();
  47. }
  48. });
  49. }
  50. //菜单
  51. @Override
  52. public boolean onCreateOptionsMenu(Menu menu) {
  53. getMenuInflater().inflate(R.menu.menu, menu);
  54. return true;
  55. }
  56. @Override
  57. public boolean onOptionsItemSelected(MenuItem item) {
  58. int id = item.getItemId();
  59. if(id == R.id.setMenu){
  60. Toast.makeText(MainActivity.this,"选择了设置菜单",Toast.LENGTH_SHORT).show();
  61. }else if(id == R.id.messageMenu){
  62. Toast.makeText(MainActivity.this,"选择了个人信息",Toast.LENGTH_SHORT).show();
  63. }else if(id == R.id.find){
  64. Toast.makeText(MainActivity.this,"选择了查找",Toast.LENGTH_SHORT).show();
  65. }else if(id == R.id.edit) {
  66. Toast.makeText(MainActivity.this,"编辑信息",Toast.LENGTH_SHORT).show();;
  67. }
  68. return super.onOptionsItemSelected(item);
  69. }
  70. @Override
  71. public void setSupportActionBar(Toolbar toolbar) {
  72. toolbar.setOnClickListener(new View.OnClickListener() {
  73. @Override
  74. public void onClick(View v) {
  75. Toast.makeText(MainActivity.this,"点击了Toolbar栏",Toast.LENGTH_SHORT).show();
  76. }
  77. });
  78. super.setSupportActionBar(toolbar);
  79. }
  80. }
  1. </pre><pre code_snippet_id="1626955" snippet_file_name="blog_20160328_6_5301894" name="code" class="java">/**
  2. * 设置NavigationIcon图标点击监听方法有两种
  3. * 1.setSupportActionBar(toolbar);
  4. * toolbar.setNavigationOnClickListener(this);
  5. * 方法1需要注意的是必须放在setSupportActionBar方法之后。
  6. *
  7. *2.在onOptionsItemSelected方法中判断
  8. * if(id==android.R.id.home){
  9. //Toast.makeText(MainActivity.this, "You Clicked Lock Icon", Toast.LENGTH_SHORT).show();
  10. }
  11. */

效果:






声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/小丑西瓜9/article/detail/225331
推荐阅读
相关标签
  

闽ICP备14008679号