Android5.0开发范例大全 读书笔记(三)

(二)用户交互

2.14转发触摸事件

1.TouchDelegate很适合简单的触摸转发,它指定任意的矩形区域来向小视图转发触摸事件,其缺点是每个被转发的事件都会转发到代理视图的中间位置

public class TouchDelegateLayout extends FrameLayout {
    public TouchDelegateLayout(Context context) {
        this(context, null);
    }

    public TouchDelegateLayout(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public TouchDelegateLayout(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init(context);
    }

    private CheckBox mCheckBox;

    private void init(Context context) {
        mCheckBox = new CheckBox(context);
        mCheckBox.setText("tap anywhere");
        addView(mCheckBox, new LinearLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT, Gravity.CENTER));
    }

    @Override
    protected void onSizeChanged(int w, int h, int oldw, int oldh) {
        if (w != oldw || h != oldh) {
            Rect rect = new Rect(0, 0, w, h);
            TouchDelegate touchDelegate = new TouchDelegate(rect, mCheckBox);
            setTouchDelegate(touchDelegate);
        }
    }
}

 2.自定义触摸转发

在onTouch中改变event事件信息

 @Override
    public boolean onTouch(View v, MotionEvent event) {
        event.setLocation(event.getX(),event.getY()/2);
        scrollView.dispatchTouchEvent(event);
        return true;

    }

2.15阻止触摸窃贼

1. 调用requestDisallowTouchIntercept()方法,请求父控件不要截获当前的触摸事件

2.16创建拖放视图

1.使用DragShadowBuilder构造被拖动视图的外观

2.调用View.startDrag()开启拖动

 @Override
    public boolean onLongClick(View v) {
        View.DragShadowBuilder shadowBuilder=new View.DragShadowBuilder(v);
        v.startDrag(null, shadowBuilder, ((ImageView) v).getDrawable(),0);
        return true;
    }

3.通过OnDragListener.onDrag()监听拖动的事件,可以自定义一个视图实现listener接口,以下为核心代码

 @Override
    public boolean onDrag(View v, DragEvent event) {
        PropertyValuesHolder pvhX, pvhY;
        switch (event.getAction()) {
            case DragEvent.ACTION_DRAG_STARTED:
                pvhX = PropertyValuesHolder.ofFloat("scaleX", 0.5f);
                pvhY = PropertyValuesHolder.ofFloat("scaleY", 0.5f);
                ObjectAnimator.ofPropertyValuesHolder(this, pvhX, pvhY).start();
                setImageDrawable(null);
                mDropped = false;
                break;
            case DragEvent.ACTION_DRAG_ENDED:
                if (!mDropped) {
                    pvhX = PropertyValuesHolder.ofFloat("scaleX", 1f);
                    pvhY = PropertyValuesHolder.ofFloat("scaleY", 1f);
                    ObjectAnimator.ofPropertyValuesHolder(this, pvhX, pvhY).start();
                    mDropped = false;
                }
                break;
            case DragEvent.ACTION_DRAG_ENTERED:
                pvhX = PropertyValuesHolder.ofFloat("scaleX", 0.75f);
                pvhY = PropertyValuesHolder.ofFloat("scaleY", 0.75f);
                ObjectAnimator.ofPropertyValuesHolder(this, pvhX, pvhY).start();
                break;
            case DragEvent.ACTION_DRAG_EXITED:
                pvhX = PropertyValuesHolder.ofFloat("scaleX", 0.5f);
                pvhY = PropertyValuesHolder.ofFloat("scaleY", 0.5f);
                ObjectAnimator.ofPropertyValuesHolder(this, pvhX, pvhY).start();
                break;
            case DragEvent.ACTION_DROP:
                Keyframe frame0=Keyframe.ofFloat(0f,0.75f);
                Keyframe frame1=Keyframe.ofFloat(0.5f,0f);
                Keyframe frame2=Keyframe.ofFloat(1f,0.75f);
                pvhX = PropertyValuesHolder.ofKeyframe("scaleX", frame0,frame1,frame2);
                pvhY = PropertyValuesHolder.ofKeyframe("scaleY", frame0, frame1, frame2);
                ObjectAnimator.ofPropertyValuesHolder(this, pvhX, pvhY).start();
                setImageDrawable((Drawable) event.getLocalState());
                mDropped=true;
                break;
            default:
                return false;

        }
        return true;
    }

2.17构建导航Drawer

1.DrawerLayout只在Android支持库中提供,关键点在于设置gravity的属性

<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <FrameLayout
        android:id="@+id/middle"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>
    <ListView
        android:id="@+id/left"
        android:layout_width="240dp"
        android:layout_height="match_parent"
        android:layout_gravity="left"
        android:background="#555"/>
    <LinearLayout
        android:id="@+id/right"
        android:layout_width="240dp"
        android:layout_height="match_parent"
        android:layout_gravity="right"
        android:orientation="vertical"
        android:background="#ccc">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="this is right"/>
    </LinearLayout>
</android.support.v4.widget.DrawerLayout>

2.当DrawerLayout与ActionBar结合时,要使用ActionBarDrawerToggle

 mToggle = new ActionBarDrawerToggle(this, mDrawerContainer, R.string.open, R.string.close) {
            @Override
            public void onDrawerOpened(View drawerView) {
                super.onDrawerOpened(drawerView);
                supportInvalidateOptionsMenu();
            }

            @Override
            public void onDrawerStateChanged(int newState) {
                super.onDrawerStateChanged(newState);
                supportInvalidateOptionsMenu();
            }

            @Override
            public void onDrawerClosed(View drawerView) {
                super.onDrawerClosed(drawerView);
                supportInvalidateOptionsMenu();
            }
        };

3.与ToolBar结合时,和之前类似有两个要点,一是主题的风格,二是调用setActionBar(toolbar)方法

2.18在视图之间滑动

1.定义PagerAdapter实现界面的布局,主要方法是instantiateItem()

public class ImagePagerAdapter extends PagerAdapter {
    private Context mContext;
    private static final int[] IMAGES = {
            android.R.drawable.ic_menu_camera,
            android.R.drawable.ic_menu_add,
            android.R.drawable.ic_menu_delete,
            android.R.drawable.ic_menu_share,
            android.R.drawable.ic_menu_edit
    };
    private static final int[] COLORS = {
            Color.RED,
            Color.BLUE,
            Color.GREEN,
            Color.GRAY,
            Color.MAGENTA
    };

    public ImagePagerAdapter(Context context) {
        super();
        mContext = context;
    }

    @Override
    public int getCount() {
        return IMAGES.length;
    }

    @Override
    public float getPageWidth(int position) {
        return 0.333f;
    }

    @Override
    public boolean isViewFromObject(View view, Object object) {
        return (view == object);
    }

    @Override
    public Object instantiateItem(ViewGroup container, int position) {
        ImageView iv = new ImageView(mContext);
        iv.setImageResource(IMAGES[position]);
        iv.setBackgroundColor(COLORS[position]);
        container.addView(iv);
        return iv;
    }

    @Override
    public void destroyItem(ViewGroup container, int position, Object object) {

        container.removeView((View) object);
    }
}

2.将adaper与viewpager适配

 @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        ImagePagerAdapter adapter=new ImagePagerAdapter(this);
        ViewPager viewPager=new ViewPager(this);
        viewPager.setAdapter(adapter);
        setContentView(viewPager);
    }

2.18使用选项卡导航

1在sample中有一个SlidingTabBasic SDK,首先要将其中的SlidingTabLayout和SlidingTabStrip复制到自己的项目中

2.接着通过TabsPagerAdapter进行内容的适配,核心方法依然是instantiateItem()

private static class TabsPagerAdapter extends PagerAdapter {
        private Context mContext;

        public TabsPagerAdapter(Context mContext) {
            this.mContext = mContext;
        }

        @Override
        public CharSequence getPageTitle(int position) {
            switch (position) {
                case 0:
                    return "PRIMARY";
                case 1:
                    return "SECONDARY";
                case 2:
                    return "TERTIARY";
                case 3:
                    return "QUATERNARY";
                case 4:
                    return "QUINARY";
                default:
                    return "";
            }
        }

        @Override
        public int getCount() {
            return 5;
        }

        @Override
        public Object instantiateItem(ViewGroup container, int position) {
            ImageView imageView = new ImageView(mContext);
            imageView.setScaleType(ImageView.ScaleType.CENTER);
            imageView.setImageResource(R.mipmap.ic_launcher);
            container.addView(imageView);
            return imageView;
        }

        @Override
        public boolean isViewFromObject(View view, Object object) {
            return view == object;
        }

        @Override
        public void destroyItem(ViewGroup container, int position, Object object) {

            container.removeView((View) object);
        }
    }

3.最后在activity中调用即可

 @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_action_tabs);
        ViewPager pager = (ViewPager) findViewById(R.id.pager);
        SlidingTabLayout tabLayout = (SlidingTabLayout) findViewById(R.id.tabs);
        assert pager != null;
        pager.setAdapter(new TabsPagerAdapter(this));
        assert tabLayout != null;
        tabLayout.setViewPager(pager);
        tabLayout.setCustomTabColorizer(new SlidingTabLayout.TabColorizer() {
            @Override
            public int getIndicatorColor(int position) {
                return Color.WHITE;
            }

            @Override
            public int getDividerColor(int position) {
                return 0;
            }
        });
    }

4.Google自带的sample种有很多牛逼的例子,等考完软考,就把官方的文档和那些API例子一个一个怼掉

时间: 2024-10-23 14:39:24

Android5.0开发范例大全 读书笔记(三)的相关文章

Android5.0开发范例大全 读书笔记(六)

(六)与系统交互 6.1后台通知 1.关于后台通知,下面展示6种样式.值得一提的是,笔者的小米5只能显示基本样式,雷军真是良心厂商啊. 2.首先上布局xml <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="

Android5.0开发范例大全 读书笔记(四)

(三)通信和联网 3.1显示Web信息 1.WebView通过loadUrl()方法直接访问网页时,点击跳转链接会打开系统默认的浏览器,若要拦截WebView事件,可为其添加WebViewClient webView.setWebViewClient(new WebViewClient()) 2.WebView默认不支持JavaScript,要通过setJavaScriptEnabled()进行设置 webView.getSettings().setJavaScriptEnabled(true)

Android5.0开发范例大全 读书笔记(二)

(二)用户交互  2.1ActionBar 1.首先,调用onCreateOptionsMenu(Menu menu)方法为actionbar设置样式 @Override public boolean onCreateOptionsMenu(Menu menu) { getMenuInflater().inflate(R.menu.support,menu); return true; } res/menu/support.xml如下 <?xml version="1.0" en

Android5.0开发范例大全 读书笔记(五)

(四)实现设备硬件交互与媒体交互 4.6自定义摄像头覆盖层 1.将Camera中的内容实时的绘制到SurfaceView中 若要自定义拍摄界面,只要重新定义surface的界面即可 以下展示全部代码 public class PreviewActivity extends AppCompatActivity implements SurfaceHolder.Callback { Camera mCamera; SurfaceView mPreview; @Override protected v

JavaScript、jQuery、HTML5、Node.js实例大全-读书笔记2

技术很多,例子很多,只好慢慢学,慢慢实践!!现在学的这本书是[JavaScript实战----JavaScript.jQuery.HTML5.Node.js实例大全] JavaScript.jQuery.HTML5.Node.js实例大全-读书笔记1 3.2 照片加载与定位 根据功能设计,可以先写好 HTML 结构基础,再配好 CSS 做出大致效果,最后用 JavaScript加上各种动作.首先请看 HTML 代码结构. 3.2.1 HTML 代码 CSS代码保存到 eg3.css 文件中,Ja

android5.0开发必备版本和JDK环境配置

android5.0开发必备版本: JDK-1.8-x64; NDK-10-x64; ADT-5.0&4.0-x64; 谷歌代理: https://wen.lu/?gfe_rd=cr&ei=Ir7YU5XsOK3J8ge_24GgBQ&gws_rd=cr 也可用FQ软件:goagent,或FQ浏览器 goagent: https://github.com/goagent/goagent 配置地址:http://www.woshipm.com/it/13644.html JDK配置(

《JavaScript设计模式与开发实践》读书笔记之观察者模式

1.<JavaScript设计模式与开发实践>读书笔记之观察者模式 观察者模式定义对象间的一种一对多的依赖关系,当一个对象的状态发生改变时,所有依赖于它的对象都将得到通知. JavaScript中通常采用事件模型替代传统的观察者模式 1.1 逐步实现观察者模式 以客户看房为例 首先指定谁充当发布者,如售楼处 然后给发布者添加一个缓存列表,用于存放回调函数以便通知订阅者.这里为了让订阅者只接收自己感兴趣的消息,增加一个标识key 最后发布消息时候,发布者遍历缓存列表,依次触发里面存放的订阅者的回

《R实战》读书笔记三

第二章  创建数据集 本章概要 1探索R数据结构 2使用数据编辑器 3数据导入 4数据集标注 本章所介绍内容概括如下. 两个方面的内容. 方面一:R数据结构 方面二:进入数据或者导入数据到数据结构 理解数据集 一个数据集通常由一个表格组合而成,行表示观测,列表示变量.病人的数据集如表1所示. 表1 病人数据集 数据集能够反映数据结构.数据类型和内容. 数据结构 R数据结构如图2所示. 图2:R数据结构 数据结构即数据的组织方式,R数据结构包括向量.矩阵.数组.数据框和列表等. R向量 R向量是一

《大型网站技术架构》读书笔记三:大型网站核心架构要素

一.性能—响应时间决定用户 (1)浏览器端: ①浏览器缓存: ②使用页面压缩: PS:Gzip压缩效率非常高,通常可以达到70%的压缩率,也就是说,如果你的网页有30K,压缩之后就变成了9K左右.想要启用Gzip压缩,提高浏览速度,可以浏览这篇文章:http://www.chinaz.com/web/2012/1017/278682.shtml ③合理布局页面: CSS:把样式表置于顶部:避免使用CSS表达式(expression_r):使用外部JavaScript和CSS:削减JavaScri