安卓界面的实际解决
上一章节介绍的是安卓界面设计基本方法。能够设计出程序界面,似乎带来一种入门的感觉。 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,手指触摸移动,小企鹅也会跟随手指移动
最后
我的水平有限,请评论指出不足。谢谢!