第4章-Android的用户界面.ppt

16．综合应用 获取传递来的网址，并且用WebView浏览网站 B. WebActivity.java 3）java程序 Intent intent = getIntent(); Bundle b = intent.getExtras(); String name = b.getString(name); webview.loadUrl(name); webview.setWebViewClient(new HelloWebViewClient ()); 16．综合应用 4）扩展：用列表代替按钮 CH4 Android的用户界面 1．菜单 2．警告对话框 3．提示信息 4．事件处理 5．布局管理 6．组件 7．自动完成文本框 8．选项卡 CH4 Android的用户界面 9． 进度条 10．日期时间选择对话框 11．列表视图 12 ．网格视图 13 ．画廊视图 14．地图浏览器 15．网络浏览器程序 16．综合应用 E. 扩展 11．列表视图 将：new String[] {People.NAME} , 修改为：new String[] {People.NUMBER} , 修改为：new String[] {People. NOTES} , 参考: Chapter04_UI_GridView01 12.网格视图 1)在xml中定义一个GridView控件 12.网格视图 2)在res/drawable/目录有用的图片 3）setAdapter控制GridView gv.setAdapter(new MyAdapter(this)); 4)通过类MyAdapter进行控制 A. class MyAdapter extends BaseAdapter{ B. 定义图片的数组 private Integer[] imgs = { 4)通过类MyAdapter进行控制 12.网格视图 C. 通过getView函数完成列表图片的显示 public View getView imageView = new ImageView(context); imageView.setLayoutParams(new GridView.LayoutParams(45, 45)); imageView.setAdjustViewBounds(false); imageView.setScaleType(ImageView.ScaleType.CENTER_CROP); imageView.setPadding(8, 8, 8, 8); imageView.setImageResource(imgs[position]); 即能够水平显示图片内容,并且具体观察选中的视图 13. 画廊视图 参考: Chapter04_UI_gallary 1)将图片资源复制在res/drawable/ 13. 画廊视图 注意:每个图片有一个正常的图片和一个缩小的缩略图 如: 正常图sample_0 缩略图sample_thumb_0 2)在xml文件中ImageSwitcher和Gallery组件 3)Activity的继承和接口 MainActivity extends Activity implements OnItemSelectedListener, ViewFactory { 4)生成图片数组 13. 画廊视图 正常图片数组mImageIds 缩略图数组mThumbIds 5)通过mSwitcher设置动画参数 mSwitcher = (ImageSwitcher) findViewById(R.id.switcher); mSwitcher.setFactory(this); mSwitcher.setInAnimation(AnimationUtils.loadAnimation(this, android.R.anim.fade_in)); mSwitcher.setOutAnimation(AnimationUtils.loadAnimation(this, android.R.anim.fade_out)); 6）通过ImageAdapter控制gallery，显示小图列表 13. 画廊视图 Gallery g = (Gallery) findViewById(R.id.gallery); g.setAdapter(new ImageAdapter(this)); 7）当用户点击小图，响应下面函数 g.setOnItemSelectedListener(this); 8)通过类ImageAdapter的函数getView设置gallery，小图列表 i.setImageResource