android115 自定义控件-低调大师

android115 自定义控件

2017-11-14 467

布局：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
     >

    <!-- 一级菜单：最底下的圆形图片和房子的图片 -->
    <RelativeLayout android:layout_width="100dp"
        android:background="@drawable/level1"     最底下的圆形图片
        android:layout_alignParentBottom="true"   居于父窗体的底部
        android:id="@+id/level1"
        android:layout_centerHorizontal="true"    底部水平居中
        android:layout_height="50dp">
        
        <ImageView 
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"  水平和竖直居中
            android:id="@+id/iv_home"             房子的图片
            android:background="@drawable/icon_home"/>
        
    </RelativeLayout>
    
     <!-- 二级菜单：第二层的环形菜单 -->
    <RelativeLayout android:layout_width="180dp"
        android:layout_height="90dp"
        android:id="@+id/level2"
        android:layout_alignParentBottom="true"   居于父窗体的底部
        android:layout_centerHorizontal="true"    底部水平居中
        android:background="@drawable/level2">    第二层环形图片
        
        
            第二层环上的3个图片
        <ImageView android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:layout_marginBottom="10dp"
            android:layout_marginLeft="10dp"
            android:background="@drawable/icon_search"/>   
        
         <ImageView android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:layout_alignParentRight="true"
            android:layout_marginBottom="10dp"
            android:layout_marginRight="10dp"
            android:background="@drawable/icon_myyouku"/>
         
         <ImageView android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:layout_marginTop="5dp"
             android:id="@+id/iv_menu"
             android:background="@drawable/icon_menu"
             android:layout_centerHorizontal="true"/>
        
    </RelativeLayout>
    
        
    <RelativeLayout android:layout_width="280dp"
        android:layout_height="142dp"
        android:id="@+id/level3"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        android:background="@drawable/level3">    第三层环形图片
        
            第三层环上的7个图片
        <ImageView android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:layout_marginBottom="15dp"
            android:layout_marginLeft="12dp"
            android:background="@drawable/channel1"
            />
        
        <ImageView android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:layout_marginBottom="15dp"
            android:layout_alignParentRight="true"
            android:layout_marginRight="12dp"
            android:background="@drawable/channel5"
            />
        
         <ImageView android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:layout_marginBottom="55dp"
            android:layout_marginLeft="32dp"
            android:background="@drawable/channel2"
            />
         
          <ImageView android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentBottom="true"
                android:layout_alignParentRight="true"
                android:layout_marginBottom="55dp"
                android:layout_marginRight="32dp"
                android:background="@drawable/channel6"
            />
          
            <ImageView android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentBottom="true"
                android:layout_marginBottom="85dp"
                android:layout_marginLeft="62dp"
                android:background="@drawable/channel3"
            />
            
             <ImageView android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentRight="true"
                android:layout_alignParentBottom="true"
                android:layout_marginBottom="85dp"
                android:background="@drawable/channel7"
                android:layout_marginRight="62dp"
            />
             
             <ImageView android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
                 android:layout_marginTop="5dp"
                 android:layout_centerHorizontal="true"
                 android:background="@drawable/channel4"/>
        
    </RelativeLayout>
</RelativeLayout>

Activity：

package com.heima52.youkumenu;

import android.os.Bundle;
import android.app.Activity;
import android.util.Log;
import android.view.KeyEvent;
import android.view.Menu;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.ImageView;
import android.widget.RelativeLayout;

public class MainActivity extends Activity implements OnClickListener{
    private String tag = MainActivity.class.getSimpleName();
    private ImageView iv_home,iv_menu;
    private RelativeLayout level1,level2,level3;
    private boolean isShowLevel2 = true;//是否显示2级菜单
    private boolean isShowLevel3 = true;//是否显示3级菜单
    private boolean isShowMenu = true;//是否显示整个菜单，包括1级，2级，3级的菜单
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        initView();
        initListener();
    }

    private void initView() {
        setContentView(R.layout.activity_main);
        iv_home = (ImageView) findViewById(R.id.iv_home);//房子图片
        iv_menu = (ImageView) findViewById(R.id.iv_menu);
        level1 = (RelativeLayout) findViewById(R.id.level1);
        level2 = (RelativeLayout) findViewById(R.id.level2);
        level3 = (RelativeLayout) findViewById(R.id.level3);
    }
    
    private void initListener() {
        iv_home.setOnClickListener(this);//房子的点击事件
        iv_menu.setOnClickListener(this);//手机的菜单物理按键
    }
    
    @Override
    public boolean onKeyDown(int keyCode, KeyEvent event) {
        if(keyCode==KeyEvent.KEYCODE_MENU){//KEYCODE_MENU是常量82，
            /*
            public static final int KEYCODE_HEADSETHOOK     = 79;
            public static final int KEYCODE_FOCUS           = 80;   
            public static final int KEYCODE_PLUS            = 81;
            public static final int KEYCODE_MENU            = 82;
            public static final int KEYCODE_NOTIFICATION    = 83;
            public static final int KEYCODE_SEARCH          = 84;
            public static final int KEYCODE_MEDIA_PLAY_PAUSE= 85;
            public static final int KEYCODE_MEDIA_STOP      = 86;
            public static final int KEYCODE_MEDIA_NEXT      = 87;
            */
            if(isShowMenu){
                //按手机菜单物理按键需要关闭所有菜单
                int startOffset = 0;
                if(isShowLevel3){//如果三级菜单是显示状态就隐藏，否则是隐藏就不执行。
                    AnimUtil.closeMenu(level3, startOffset);//关闭动画
                    isShowLevel3 = false;
                    startOffset += 200;
                }
                if(isShowLevel2){
                    AnimUtil.closeMenu(level2, startOffset);//关闭动画
                    isShowLevel2 = false;
                    startOffset += 200;
                }
                AnimUtil.closeMenu(level1, startOffset);//关闭动画
            }else {
                //按手机菜单物理按键需要显示所有菜单
                AnimUtil.showMenu(level1,0);//打开动画
                AnimUtil.showMenu(level2,200);//打开动画
                isShowLevel2 = true;
                AnimUtil.showMenu(level3,400);//打开动画
                isShowLevel3 = true;
            }
            isShowMenu = !isShowMenu;
            return true;//我们处理不让别的来处理
        }
        return super.onKeyDown(keyCode, event);
    }

    @Override
    public void onClick(View v) {
        switch (v.getId()) {
        case R.id.iv_home:
            if(AnimUtil.animCount!=0){
                //说明有动画正在执行，比如有动画正在关闭则不能在未完全关闭之前又执行打开。
                return;
            }
            if(isShowLevel2){
                //需要隐藏
                int startOffset = 0;
                if(isShowLevel3){
                    AnimUtil.closeMenu(level3,startOffset);
                    startOffset += 200;
                    isShowLevel3 = false;
                }
                AnimUtil.closeMenu(level2,startOffset);
            }else{
                //需要显示
//                Log.e(tag, "执行显示操作");
                AnimUtil.showMenu(level2,0);
            }
            isShowLevel2 = !isShowLevel2;
            break;
        case R.id.iv_menu:
            if(AnimUtil.animCount!=0){
                //说明有动画正在执行，比如有动画正在关闭则不能在未完全关闭之前又执行打开。
                return;
            }
            if(isShowLevel3){
                //隐藏3级菜单
                AnimUtil.closeMenu(level3,0);
            }else {
                //显示3级菜单
                AnimUtil.showMenu(level3,0);
            }
            isShowLevel3 = !isShowLevel3;
            break;
        default:
            break;
        }
    }
}

工具：

package com.heima52.youkumenu;

import android.view.animation.Animation;
import android.view.animation.Animation.AnimationListener;
import android.view.animation.RotateAnimation;
import android.widget.RelativeLayout;

public class AnimUtil {
    public static int animCount = 0;//记录当前执行的动画数量
    
    //旋转动画的关闭
    public static void closeMenu(RelativeLayout rl,int startOffset){
        for (int i = 0; i < rl.getChildCount(); i++) {
            rl.getChildAt(i).setEnabled(false); //子view设为不可用，
                                                //因为原生的旋转和位置动画并没有真正改变view的位置，
                                                //View还在，也就是说在View消失后点击空白处还是点到了View上面,
                                                //此时让view的enable属性置为false就不能点击了
        }
        //旋转动画
        RotateAnimation animation = new RotateAnimation(0, -180,//逆时针旋转，所以角度从0到-180
                RotateAnimation.RELATIVE_TO_SELF, 0.5f,//旋转中心的X坐标是宽的一半处，
                RotateAnimation.RELATIVE_TO_SELF, 1);//旋转中心的Y坐标是高度一倍处，
        animation.setDuration(500);//旋转时间是500毫秒
        animation.setFillAfter(true);//关闭动画结束后保持关闭的状态否则会又还原成显示状态。
        animation.setStartOffset(startOffset);//设置延时后执行
        animation.setAnimationListener(new MyAnimationListener());//设置Animation监听器
        rl.startAnimation(animation);
    }
    
    //旋转动画的打开
    public static void showMenu(RelativeLayout rl,int startOffset){
        for (int i = 0; i < rl.getChildCount(); i++) {
            rl.getChildAt(i).setEnabled(true);//子view设为可用，
        }
        RotateAnimation animation = new RotateAnimation(-180, 0,//从-180到0
                RotateAnimation.RELATIVE_TO_SELF, 0.5f,
                RotateAnimation.RELATIVE_TO_SELF, 1);
        animation.setDuration(500);
        animation.setFillAfter(true);//打开动画结束后保持打开的状态，
        animation.setStartOffset(startOffset);
        animation.setAnimationListener(new MyAnimationListener());
        rl.startAnimation(animation);
    }
    
    static class MyAnimationListener implements AnimationListener{
        @Override
        public void onAnimationStart(Animation animation) {
            animCount++;
        }
        @Override
        public void onAnimationEnd(Animation animation) {
            animCount--;
        }
        @Override
        public void onAnimationRepeat(Animation animation) {
        }
        
    }
}

自定义控件：
    1.组合控件：将系统原生控件组合起来，加上动画效果，形成一种特殊的UI效果。
    2.纯粹自定义控件：继承自系统的View,自己去实现view效果。

安卓中能够实现叠加的只有帧布局和相对布局，安卓中的view的边框都是矩形，没有圆形其他形状的。

旋转动画：1，角度，逆时针旋转，    0—— -180，
          2，旋转基于的点是自身最底部，
    
    
优酷菜单：
    1.系统原生的旋转和位置动画并没有真正改变view的位置，View还在，也就是说在View消失后点击空白处还是点到了View上面,此时让view的enable属性置为false就不能点击了。如果是真正改变了位置那么其他相对布局的view的位置就会错乱了。

本文转自农夫山泉别墅博客园博客，原文链接：http://www.cnblogs.com/yaowen/p/5003374.html，如需转载请自行联系原作者

微信关注我们

原文链接：https://yq.aliyun.com/articles/385760

转载内容版权归作者及来源网站所有！

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

[android]APP启动界面——SplashActivity

概念当前应用程序在启动的时候都会有一个展示自己公司LOGO和APP名字的界面。这个界面成为SplashActivity。布局 <? xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent" android:background="#ffffff"> <TextView android:id="@+id/copy_right" android:layout_width="wrap_content" android:layout_height="wrap_content" android:padding="12dip" android:layout_centerHorizontal="true...

2017-11-15

481

##C向C++改造 1. 把c文件后缀名换成cpp 2. Android.mk文件中的hello.c也要换成hello.cpp 3. c++的使用的环境变量结构体中，访问了c使用的结构体的函数指针，函数名全部都是一样的，只是参数去掉了结构体指针 4. 访问函数指针时，把env前面的*号去掉，因为此时env已经是一级指针 5. clean，清除之前编译的残留文件 6. 把声明函数的h文件放入jni文件夹中，include该h文件 jni是java和C的中间人。其余都一样,hello.cpp #include <jni.h> #include "com_itheima_cplusplus_MainActivity.h"//C++函数要声明在使用，并把这个文件放入jni文件夹中， JNIEXPORT jstring JNICALL Java_com_itheima_cplusplus_MainActivity_helloC (JNIEnv * env, jobject obj){ char* cstr = "hello from c"; //return (*env)->...

2017-11-15

652

资源下载

更多资源

优质分享App

近一个月的开发和优化，本站点的第一个app全新上线。该app采用极致压缩，本体才4.36MB。系统里面做了大量数据访问、缓存优化。方便用户在手机上查看文章。后续会推出HarmonyOS的适配版本。

Mario

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长，特征是大鼻子、头戴帽子、身穿背带裤，还留着胡子。与他的双胞胎兄弟路易基一起，长年担任任天堂的招牌角色。

腾讯云软件源

为解决软件依赖安装时官方源访问速度慢的问题，腾讯云为一些软件搭建了缓存服务。您可以通过使用腾讯云软件源站来提升依赖包的安装速度。为了方便用户自由搭建服务架构，目前腾讯云软件源站支持公网访问和内网访问。

Rocky Linux

Rocky Linux（中文名：洛基）是由Gregory Kurtzer于2020年12月发起的企业级Linux发行版，作为CentOS稳定版停止维护后与RHEL（Red Hat Enterprise Linux）完全兼容的开源替代方案，由社区拥有并管理，支持x86_64、aarch64等架构。其通过重新编译RHEL源代码提供长期稳定性，采用模块化包装和SELinux安全架构，默认包含GNOME桌面环境及XFS文件系统，支持十年生命周期更新。