Android顶部工具栏和底部工具栏的简单实现代码

废话少说,直接上图,有图有真相。

这两个工具栏全是用布局来实现的。底部工具栏布局代码:

代码

代码如下:

< xmlns:android="http://schemas.android.com/apk/res/android"
    android:background="@drawable/bottom"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    >
            <android:id="@+id/edit"
        android:text="测试"
        android:gravity="center_horizontal"
        android:drawableTop="@drawable/ic_dialog_alert"
        android:layout_alignParentLeft="true"
        android:layout_width="80dip"
        android:layout_height="wrap_content"       
        >

<android:id="@+id/menu2"
        android:text="测试"
        android:gravity="center_horizontal"
        android:drawableTop="@drawable/ic_dialog_dialer"
        android:layout_toRightOf="@id/edit"   
        android:layout_width="80dip"
        android:layout_height="wrap_content"   
        >

<android:id="@+id/effect"
        android:text="测试"
        android:gravity="center_horizontal"
        android:drawableTop="@drawable/ic_dialog_email"
        android:layout_toRightOf="@id/menu2"
        android:layout_width="80dip"
        android:layout_height="wrap_content"       
        >

<android:id="@+id/menu3"
        android:text="测试"
        android:gravity="center_horizontal"
        android:drawableTop="@drawable/ic_dialog_info"
        android:layout_toRightOf="@id/effect"
        android:layout_width="80dip"
        android:layout_height="wrap_content"       
        >

顶部工具栏布局代码:

代码

代码如下:

<xmlns:android="http://schemas.android.com/apk/res/android"
    android:background="@drawable/top"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    >
            <android:id="@+id/undo"
        android:src="@drawable/ic_dialog_map"
        android:layout_alignParentLeft="true"
        android:layout_width="80dip"
        android:layout_height="wrap_content"       
        >

<android:id="@+id/save"
        android:src="@drawable/ic_dialog_menu_generic"
        android:layout_toRightOf="@id/undo"   
        android:layout_width="80dip"
        android:layout_height="wrap_content"   
        >

<android:id="@+id/share"
        android:src="@drawable/ic_dialog_time"
        android:layout_toRightOf="@id/save"
        android:layout_width="80dip"
        android:layout_height="wrap_content"       
        >

<android:id="@+id/redo"
        android:src="@drawable/ic_dialog_usb"
        android:layout_toRightOf="@id/share"
        android:layout_width="80dip"
        android:layout_height="wrap_content"       
        >

主窗口布局代码:

代码

代码如下:

<android:layout_height="fill_parent">
        xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/layout_topmenu"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentTop="true"
    >
                <android:text="asdfasdfas"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/layout_topmenu">

<xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    >

主窗口代码:

代码

代码如下:

package com.figoyu.photoqualify;

import android.app.Activity;
import android.os.Bundle;
import android.view.MotionEvent;
import android.view.View;
import android.view.Window;
import android.view.View.OnTouchListener;
import android.widget.ImageView;
import android.widget.TextView;

public class MainActivity extends Activity {

TextView txt1;
    TextView edittv;
    ImageView imgbtn;
    boolean isFirst = true;
    boolean istopFirst = true;

@Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        requestWindowFeature(Window.FEATURE_NO_TITLE);
        setContentView(R.layout.main);

edittv = (TextView)findViewById(R.id.edit);
        txt1 = (TextView)findViewById(R.id.txt1);
        imgbtn = (ImageView)findViewById(R.id.undo);
        edittv.setOnTouchListener(new OnTouchListener() {           
            @Override
            public boolean onTouch(View v, MotionEvent event) {           
                if(isFirst) {
                    txt1.setText("编辑");
                    edittv.setBackgroundDrawable(getResources().getDrawable(R.drawable.item_background));
                    isFirst = false;
                }else {
                    txt1.setText("退出编辑");
                    edittv.setBackgroundDrawable(getResources().getDrawable(R.drawable.touming));
                    isFirst = true;
                }               
                return false;
            }
        });

imgbtn.setOnTouchListener(new OnTouchListener() {

@Override
            public boolean onTouch(View v, MotionEvent event) {
                if(istopFirst) {
                    txt1.setText("编辑");                   
                    istopFirst = false;
                }else {
                    txt1.setText("退出编辑");                   
                    istopFirst = true;
                }               
                return false;
            }
        });
    }   
}

(0)

相关推荐

  • android使用PopupWindow实现页面点击顶部弹出下拉菜单

    实现此功能没有太多的技术难点,主要通过PopupWindow方法,同时更进一步加深了PopupWindow的使用,实现点击弹出一个自定义的view,view里面可以自由设计,比较常用的可以放一个listview. demo中我只是一个点击展示,简单的使用了fade in out的动画效果,也没有精美的图片资源,看着也丑,不过这么短的时间,让你掌握一个很好用的技术,可以自己扩展,不很好么? 废话不说了,直接上代码: MainActivity.java public class MainActivi

  • Android中实现Webview顶部带进度条的方法

    写这篇文章,做份备忘,简单滴展示一个带进度条的Webview示例,进度条位于Webview上面. 示例图如下: 主Activity代码: 复制代码 代码如下: package com.droidyue.demo.webviewprogressbar; import android.app.Activity; import android.os.Bundle; import android.view.Menu; import android.view.View; import android.vi

  • Android仿淘宝view滑动至屏幕顶部会一直停留在顶部的位置

    在刚刚完成的项目中,在一个页面中,用户体验师提出引用户操作的入住按钮要一直保留在页面当中,不管页面能滚动多长都得停留在页面的可视区域.最终实现效果如下图所示:   如图中的红色框中的view始终会停留在页面中,如果滑动至页面的顶部,会一直保留在顶部. 下面来说下具体的实现思路: 思路:其实整个页面当中一共有两个视觉效果一样的View,通过滑动的位置来进行View的隐藏和显示来达到这种效果.整个页面的在上下滑动的过程中可以总结为两个状态,状态A(如图1所示),view2在可视区域内时,view1不

  • Android ScrollView滑动实现仿QQ空间标题栏渐变

    今天来研究的是ScrollView-滚动视图,滚动视图又分横向滚动视图(HorizontalScrollView)和纵向滚动视图(ScrollView),今天主要研究纵向的.相信大家在开发中经常用到,ScrollView的功能已经很强大了,但是仍然满足不了我们脑洞大开的UI设计师们,所以我们要自定义-本篇文章主要讲监听ScrollView的滑动实现仿QQ空间标题栏渐变,先看一下效果图: 好了我们切入主题. 有可能你不知道的那些ScrollView属性  •android:scrollbars 设

  • 3种Android隐藏顶部状态栏及标题栏的方法

    本文包含3种隐藏顶部状态栏及标题栏和一种隐藏Android 4.0平板底部状态栏的方法,分享给大家供大家参考,具体内容如下 方法一 public class MainActivity extends Activity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); // 隐藏标题栏 requestWindowFeature(Window.FEA

  • android 应用内部悬浮可拖动按钮简单实现代码

    本文介绍了android 应用内部悬浮可拖动按钮简单实现代码,分享给大家,具体如下: 可以悬浮在activity上面,在加载fragment时悬浮按钮不会消失 实现方式很简单,因为是在应用内部拖动的,只需要通过Activity获取WindowManager,然后将要拖动的view设置上去就行 设置代码: WindowManager wm = (WindowManager) activity.getSystemService(Context.WINDOW_SERVICE); DisplayMetr

  • Android顶部工具栏和底部工具栏的简单实现代码

    废话少说,直接上图,有图有真相. 这两个工具栏全是用布局来实现的.底部工具栏布局代码: 代码 复制代码 代码如下: < xmlns:android="http://schemas.android.com/apk/res/android"    android:background="@drawable/bottom"    android:layout_width="fill_parent"    android:layout_height

  • Android ScrollView显示到底部或任意位置实现代码

     Android ScrollView显示到底部或任意位置 其实使ScrollView显示底部并不难.它有自己的方法fullScroll(): 1.显示顶部: scrollView.fullScroll(ScrollView.FOCUS_UP); 2.显示底部: scrollView.fullScroll(ScrollView.FOCUS_DOWN); 但是,有一点一定需要注意.这个方法不能直接调用,因为在Android里面,他的很多函数都是基于消息队列来实现的,也就是说fullScroll()

  • js实现顶部可折叠的菜单工具栏效果实例

    本文实例讲述了js实现顶部可折叠的菜单工具栏效果.分享给大家供大家参考.具体实现方法如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> &

  • iOS新版微信底部工具栏遮挡问题完美解决

    一.问题描述: 苹果设备(iOS)微信中打开H5页面,从首页跳转到其他页面后,页面的底部会出现一个带有前进和后退按钮工具栏,而该工具栏会遮挡住面底部的内容,影响页面的正常使用. 二.原因分析: 造成该现象的原因是,当页面跳转时,微信浏览器会通过window.history读取到浏览的历史记录,此时便会在页面底部显示出前进后退按钮的工具栏,造成页面底部内容遮挡. 三.解决方案: 了解了该问题出现的原因,我们也就有了解决办法.首先想到的方案就是控制浏览器的历史记录.由于考虑到安全性问题,浏览器的历史

  • Android顶部标题栏的布局设计

    目录 自定义标题栏 布局与九宫格背景图 布局 九宫格图片 总结 自定义标题栏 通常我们的活动页面都会根据需要都会有不同的标题栏需要选择,一般有两个场景,一个是统一标题栏,通过引入布局到活动来进行重复使用,还有一个就是你的活动页面每个都需要定制的,就不能统一风格了. 布局与九宫格背景图 下面讲讲布局与九宫格的一些搭配. 布局 常用设计标题栏的布局都是通过流式布局来进行的.为什么呢?是不是觉得有时候流式布局反而更麻烦一点.标题栏一般都是有控件依赖关系的.为什么不采用相对布局呢?相对布局不就是解决依赖

  • Android仿微信顶/底部菜单栏效果

    本文要实现仿微信微信底部菜单栏+顶部菜单栏,采用ViewPage来做,每一个page对应一个XML,当手指在ViewPage左右滑动时,就相应显示不同的page(其实就是xml)并且同时改变底部菜单按钮的图片变暗或变亮,同时如果点击底部菜单按钮,左右滑动page(其实就是xml)并且改变相应按钮的亮度. 一.布局 1.顶部菜单布局,命名为top_layout.xml <?xml version="1.0" encoding="utf-8"?> <R

  • Android开发之微信底部菜单栏实现的几种方法汇总

     实现方式 实现的方式有很多种 这里总结最常见的几种方式,以后再添加其他的. viewPager + RadioGroup viewPager + FragmentTabHost viewpager +TabLayout viewPager+RadioGroup 感觉这是最简单的一个了,我也就不贴代码 说说我理解的思路吧 通过给pager 和RadioGroup 添加监听,监听两个控件的变化 实现联动 当viewPager的显示pager改变就会触发监听 ,在监听中选中对应的RadioButto

  • Android仿QQ空间底部菜单示例代码

    之前曾经在网上看到Android仿QQ空间底部菜单的Demo,发现这个Demo有很多Bug,布局用了很多神秘数字.于是研究了一下QQ空间底部菜单的实现,自己写了一个,供大家参考.效果如下图所示:   1.实现原理很简单,底部菜单是一个水平分布的LinearLayout,里面又是五个LinearLayout,它们的layout_weight都为1,意味着底部菜单的子控件将屏幕宽度平均分为5部分.五个LinearLayout除了中间那个,其余都在里面放置ImageView和TextView(中间先空

  • Android 底部导航控件实例代码

    一.先给大家展示下最终效果 通过以上可以看到,图一是简单的使用,图二.图三中为结合ViewPager共同使用,而且都可以随ViewPager的滑动渐变色,不同点是图二为选中非选中两张图片,图三的选中非选中是一张图片只是做了颜色变化. 二. 需求 我们希望做可以做成这样的,可以在xml布局中引入控件并绑定数据,在代码中设置监听回调,并且配置使用要非常简单! 三.需求分析 根据我们多年做不明确需求项目的经验,以上需求还算明确.那么我们可以采用在LinearLayout添加子View控件,这个子Vie

随机推荐