安卓界面的实际解决

    上一章节介绍的是安卓界面设计基本方法。能够设计出程序界面,似乎带来一种入门的感觉。      O(∩_∩)O哈哈~

     总是感觉文章写出来不够生动,所以后面我还是通过举一些大家熟知的例子来解释。

     本节内容:实际的例子与安卓界面解决

一  代码和xml文件共同解决界面

     例子:图片浏览器

              打开手机相册,图片都会按照顺序默认平铺开。所以这一节通过xml文件和代码实现这个类似的功能

     1>打开Android Studio,新建工程。在布局文件里面拖入一个线性布局。

 

     2>在drawable文件夹下面复制几张图片

      3>现在开始编码

       在主Activity类里面加入两个数组,分别是ImageView数组和图片路径。

    public ImageView[] img = new ImageView[3];  //图片
    public int[] imagePath = new int[]{R.drawable.ball,R.drawable.computer,R.drawable.penguin};   //路径

       获取到我们拖进去的线性布局,之后将图片初始化,并加入所在的布局

        
LinearLayout lay = (LinearLayout)findViewById(R.id.lay); //获得加入的线性布局
img[0] = new ImageView();
img[0].setImageResource(imagePath[0]); //设置ImageView的图片 lay.addView(img[0]); //加入布局
img[1] = new ImageView(); img[1].setImageResource(imagePath[1]); lay.addView(img[1]);
img[2] = new ImageView(); img[2].setImageResource(imagePath[2]); lay.addView(img[2]);

    在上面的代码,findViewById()这个方法的返回值是View。安卓里面众多的可视化控件布局都是这个类的子类。

运行结果:结果很丑陋很难看,没边距,没效果,用户体验不好。但是不影响我们理解。

   总结:安卓的界面控制有两个方式xml设计和代码控制。通常是两者结合起来解决问题。

 

二   复杂问题的解决

      例子:随着手指移动的小企鹅

               安卓界面上显示的东西都继承或是间接继承自View,比如布局,控件按钮复选框,进度条,文本框等等。如果屏幕上有一个物体,不是安卓所给出的控件,那么解决方式就是自己继承View来自定义控件,毕竟View才能显示出来。O(∩_∩)O哈哈~

              1>新建工程,并且新建一个penguin类继承View。用eclipse补全构造函数。并且加入两个数据成员。布局文件里面只要一个FrameLayout帧布局

    private float bitmapX;
    private float bitmapY;

这两个数据成员是我们手指点击的位置,他们来自手指触摸事件。

              2>加入图片资源,复制到drawable目录下。这个目录放置我们的图片资源,系统会自动在R文件里面生成它的id

              3>penguin类中覆盖onDraw( ),这个方法是安卓View的绘图方法

              在onDraw()里面填加代码

        Paint paint = new Paint();
        Bitmap bitmap = BitmapFactory.decodeResource(this.getResources(),R.drawable.penguin);
        canvas.drawBitmap(bitmap,bitmapX,bitmapY,paint);
        if(bitmap.isRecycled()){
            bitmap.recycle();
        }

              4>在主Activity代码里面创建penguin,获取布局的FrameLayout。给penguin绑定触摸事件,加入布局即可

 

             

FrameLayout f = (FrameLayout)findViewById(R.id.frame);
        final penguin p = new penguin(MainActivity.this);

        p.setOnTouchListener(new View.OnTouchListener() {
            @Override
            public boolean onTouch(View v, MotionEvent event) {
                p.bitmapX = event.getX();
                p.bitmapY = event.getY();
                p.invalidate();
                return true;
            }
        });
       f.addView(p); 

运行结果:导出apk,手指触摸移动,小企鹅也会跟随手指移动

最后

           我的水平有限,请评论指出不足。谢谢!

 


 
posted @ 2017-02-22 00:42  爱潜水的猪  阅读(395)  评论(1编辑  收藏  举报