AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

Android UI开发第七篇之Android Gallery

2017-11-08 960
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：



新建项目


②　定义layout外部resource的xml文件，用来改变layout的背景

 

  1.  
  2. <?xml version="1.0" encoding="utf-8"?>
  3. <resources>
  4.     <declare-styleable name="Gallery">
  5.         <attr name="android:galleryItemBackground" />
  6.     </declare-styleable>
  7.     <!-- 定义layout 外部resource 的xml 文件，用来改变layout 的背景图。 -->
  8. </resources>
复制代码


③　修改main.xml布局，添加一个Gallery和一个ImageView

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <AbsoluteLayout
  3.     android:id="@+id/widget_absolutelayout"
  4.     android:layout_width="fill_parent"
  5.     android:layout_height="fill_parent"
  6.     xmlns:android="http://schemas.android.com/apk/res/android"
  7. >
  8. <Gallery
  9.     android:layout_width="fill_parent"
  10.     android:layout_height="143px"
  11.     android:layout_x="0px"
  12.     android:layout_y="51px"
  13.     android:id="@+id/Gallery_preView">
  14. </Gallery>
  15. <ImageView
  16.     android:layout_width="239px"
  17.     android:layout_height="218px"
  18.     android:layout_x="38px"
  19.     android:layout_y="184px"
  20.     android:id="@+id/ImageView_photo">
  21. </ImageView>
  22. </AbsoluteLayout>
复制代码


④　新建一个myImageAdapter类--Gallery的适配器，它继承于BaseAdapter类.

  1. package zyf.Ex_Ctrl_10ME;
  2. import android.view.View;
  3. import android.view.ViewGroup;
  4. import android.widget.BaseAdapter;
  5. public class myImageAdapter extends BaseAdapter {
  6. @Override
  7. public int getCount() {
  8. // TODO Auto-generated method stub
  9. return 0;
  10. }
  11. @Override
  12. public Object getItem(int position) {
  13. // TODO Auto-generated method stub
  14. return null;
  15. }
  16. @Override
  17. public long getItemId(int position) {
  18. // TODO Auto-generated method stub
  19. return 0;
  20. }
  21. @Override
  22. public View getView(int position, View convertView, ViewGroup parent) {
  23. // TODO Auto-generated method stub
  24. return null;
  25. }
  26. }
复制代码


⑤　修改mainActivity.java，添加Gallery相关操作

  1. package zyf.Ex_Ctrl_10ME;
  2.  
  3. import android.app.Activity;
  4. import android.os.Bundle;
  5. import android.view.View;
  6. import android.widget.AdapterView;
  7. import android.widget.Gallery;
  8. import android.widget.ImageView;
  9. import android.widget.Toast;
  10.  
  11. public class Ex_Ctrl_10ME extends Activity {
  12.     /** Called when the activity is first created. */
  13. /*定义要使用的对象*/
  14. private Gallery gallery;
  15. private ImageView imageview;
  16. private myImageAdapter imageadapter;
  17.     @Override
  18.     public void onCreate(Bundle savedInstanceState) {
  19.         super.onCreate(savedInstanceState);
  20.         setContentView(R.layout.main);
  21.         imageadapter=new myImageAdapter(this);
  22.         /* 通过findViewById 取得 资源对象*/
  23.         gallery=(Gallery)findViewById(R.id.Gallery_preView);
  24.         imageview=(ImageView)findViewById(R.id.ImageView_photo);
  25.         /*给Gallery设置适配器 把Ex_Ctrl_10ME类传入参数*/
  26.         gallery.setAdapter(imageadapter);
  27.         /*设置Gallery的点击事件监听器*/
  28.         gallery.setOnItemClickListener(newGallery.OnItemClickListener(){
  29. @Override
  30. public void onItemClick(AdapterView<?> parent, View v, int position,
  31. long id) {
  32. // TODO Auto-generated method stub
  33. /*显示该图片是几号*/
  34. Toast.makeText(Ex_Ctrl_10ME.this,
  35.                          "这是图片："+position+"号", Toast.LENGTH_SHORT).show();
  36.  
  37. /*设置大图片*/
  38. imageview.setBackgroundResource(imageadapter.myImageIds[position]);
  39. }
  40.         });
  41.     }
  42. }
复制代码
⑥　 修改myImageAdapter.java文件，实现相簿浏览效果
  1. package zyf.Ex_Ctrl_10ME;
  2.  
  3. import android.content.Context;
  4. import android.content.res.TypedArray;
  5. import android.view.View;
  6. import android.view.ViewGroup;
  7. import android.widget.BaseAdapter;
  8. import android.widget.Gallery;
  9. import android.widget.ImageView;
  10.  
  11. public class myImageAdapter extends BaseAdapter{//自定义的类变量
  12. /*变量声明*/
  13. int mGalleryItemBackground;
  14. private Context context;//上下文
  15. /* 构建一Integer array 并取得预加载Drawable 的图片id */
  16. public Integer[] myImageIds = { R.drawable.photo1, R.drawable.photo2,
  17. R.drawable.photo3, R.drawable.photo4, R.drawable.photo5,
  18. R.drawable.photo6, };
  19. /*自定义的构造方法*/
  20. public myImageAdapter(Context context) {
  21. // TODO Auto-generated constructor stub
  22. this.context=context;
  23. /*
  24. * 使用在res/values/attrs.xml 中的<declare-styleable>定义 的Gallery 属性.
  25. */
  26. TypedArray typed_array=context.obtainStyledAttributes(R.styleable.Gallery);
  27. /* 取得Gallery 属性的Index id */
  28. mGalleryItemBackground=typed_array.getResourceId(R.styleable.Gallery_android_galleryItemBackground, 0);
  29. /* 让对象的styleable 属性能够反复使用 */
  30. typed_array.recycle();
  31. }
  32. /* 重写的方法getCount,返回图片数目 */
  33. @Override
  34. public int getCount() {
  35. // TODO Auto-generated method stub
  36. return myImageIds.length;
  37. }
  38. /* 重写的方法getItemId,返回图像的数组id */
  39. @Override
  40. public Object getItem(int position) {
  41. // TODO Auto-generated method stub
  42. return position;
  43. }
  44. @Override
  45. public long getItemId(int position) {
  46. // TODO Auto-generated method stub
  47. return position;
  48. }
  49. /* 重写的方法getView,返回一View 对象 */
  50. @Override
  51. public View getView(int position, View convertView, ViewGroup parent) {
  52. // TODO Auto-generated method stub
  53. /* 产生ImageView 对象 */
  54. ImageView imageview = new ImageView(context);
  55. /* 设置图片给imageView 对象 */
  56. imageview.setImageResource(myImageIds[position]);
  57. /* 重新设置图片的宽高 */
  58. imageview.setScaleType(ImageView.ScaleType.FIT_XY);
  59. /* 重新设置Layout 的宽高 */
  60. imageview.setLayoutParams(new Gallery.LayoutParams(128, 128));
  61. /* 设置Gallery 背景图 */
  62. imageview.setBackgroundResource(mGalleryItemBackground);
  63. /* 返回imageView 对象 */
  64. return imageview;
  65. }
  66. }

复制代码

 

http://www.devdiv.com/home.php?mod=space&uid=14682&do=blog&id=3860 



     本文转自xyz_lmn51CTO博客，原文链接：http://blog.51cto.com/xyzlmn/817368，如需转载请自行联系原作者

文章标签：
Android开发
数据格式
XML
关键词：
Android开发
UI开发
Android UI
UI android
Android ui开发
技术小胖子
目录
相关文章
游客v42ruarbnarj2
|
4天前
|
编解码 Java Android开发
通义灵码：在安卓开发中提升工作效率的真实应用案例
本文介绍了通义灵码在安卓开发中的应用。作为一名97年的聋人开发者，我在2024年Google Gemma竞赛中获得了冠军，拿下了很多项目竞赛奖励，通义灵码成为我的得力助手。文章详细展示了如何安装通义灵码插件，并通过多个实例说明其在适配国际语言、多种分辨率、业务逻辑开发和编程语言转换等方面的应用，显著提高了开发效率和准确性。
游客v42ruarbnarj2
47 6
shuj
|
3天前
|
Android开发 开发者 UED
安卓开发中自定义View的实现与性能优化
【10月更文挑战第28天】在安卓开发领域，自定义View是提升应用界面独特性和用户体验的重要手段。本文将深入探讨如何高效地创建和管理自定义View，以及如何通过代码和性能调优来确保流畅的交互体验。我们将一起学习自定义View的生命周期、绘图基础和事件处理，进而探索内存和布局优化技巧，最终实现既美观又高效的安卓界面。
shuj
14 5
我不是游客20240119
|
1天前
|
JSON Java Android开发
探索安卓开发之旅：打造你的第一个天气应用
【10月更文挑战第30天】在这个数字时代，掌握移动应用开发技能无疑是进入IT行业的敲门砖。本文将引导你开启安卓开发的奇妙之旅，通过构建一个简易的天气应用来实践你的编程技能。无论你是初学者还是有一定经验的开发者，这篇文章都将成为你宝贵的学习资源。我们将一步步地深入到安卓开发的世界中，从搭建开发环境到实现核心功能，每个环节都充满了发现和创造的乐趣。让我们开始吧，一起在代码的海洋中航行！
我不是游客20240119
9 2
技术混子
|
3天前
|
缓存 数据库 Android开发
安卓开发中的性能优化技巧
【10月更文挑战第29天】在移动应用的海洋中，性能是船只能否破浪前行的关键。本文将深入探讨安卓开发中的性能优化策略，从代码层面到系统层面，揭示如何让应用运行得更快、更流畅。我们将以实际案例和最佳实践为灯塔，引领开发者避开性能瓶颈的暗礁。
技术混子
11 3
游客moiomvrp3vyac2
|
5天前
|
存储 IDE 开发工具
探索Android开发之旅：从新手到专家
【10月更文挑战第26天】在这篇文章中，我们将一起踏上一段激动人心的旅程，探索如何在Android平台上从零开始，最终成为一名熟练的开发者。通过简单易懂的语言和实际代码示例，本文将引导你了解Android开发的基础知识、关键概念以及如何实现一个基本的应用程序。无论你是编程新手还是希望扩展你的技术栈，这篇文章都将为你提供价值和启发。让我们开始吧！
游客moiomvrp3vyac2
22 4
土木林森
|
10天前
|
开发框架 JavaScript 前端开发
HarmonyOS UI开发：掌握ArkUI（包括Java UI和JS UI）进行界面开发
【10月更文挑战第22天】随着科技发展，操作系统呈现多元化趋势。华为推出的HarmonyOS以其全场景、多设备特性备受关注。本文介绍HarmonyOS的UI开发框架ArkUI，探讨Java UI和JS UI两种开发方式。Java UI适合复杂界面开发，性能较高；JS UI适合快速开发简单界面，跨平台性好。掌握ArkUI可高效打造符合用户需求的界面。
土木林森
48 8
mrq4nk6ni2neg
|
11天前
|
Java API Android开发
安卓应用程序开发的新手指南：从零开始构建你的第一个应用
【10月更文挑战第20天】在这个数字技术不断进步的时代，掌握移动应用开发技能无疑打开了一扇通往创新世界的大门。对于初学者来说，了解并学习如何从无到有构建一个安卓应用是至关重要的第一步。本文将为你提供一份详尽的入门指南，帮助你理解安卓开发的基础知识，并通过实际示例引导你完成第一个简单的应用项目。无论你是编程新手还是希望扩展你的技能集，这份指南都将是你宝贵的资源。
mrq4nk6ni2neg
39 5
请看我回答~
|
10天前
|
设计模式 IDE Java
探索安卓开发：从新手到专家的旅程
【10月更文挑战第22天】 在数字时代的浪潮中，移动应用开发如同一座金矿，吸引着无数探险者。本文将作为你的指南针，指引你进入安卓开发的广阔天地。我们将一起揭开安卓平台的神秘面纱，从搭建开发环境到掌握核心概念，再到深入理解安卓架构。无论你是初涉编程的新手，还是渴望进阶的开发者，这段旅程都将为你带来宝贵的知识和经验的财富。让我们开始吧！
请看我回答~
19 1
土木林森
|
12天前
|
JavaScript API 开发者
掌握ArkTS，打造HarmonyOS应用新视界：从“Hello World”到状态管理，揭秘鸿蒙UI开发的高效秘诀
【10月更文挑战第19天】ArkTS（ArkUI TypeScript）是华为鸿蒙系统中用于开发用户界面的声明式编程语言，结合了TypeScript和HarmonyOS的UI框架。本文介绍ArkTS的基本语法，包括组件结构、模板和脚本部分，并通过“Hello World”和计数器示例展示其使用方法。
土木林森
29 1
请看我回答~
|
9天前
|
搜索推荐 Android开发 UED
安卓开发中的自定义视图：打造个性化用户界面
【10月更文挑战第22天】在安卓应用的海洋中，如何让你的应用脱颖而出？一个独特且直观的用户界面（UI）至关重要。本文将引导你通过自定义视图来打造个性化的用户体验，从基础的视图绘制到触摸事件的处理，我们将一步步深入探讨。准备好了吗？让我们开始吧！
请看我回答~
17 0

热门文章

最新文章

  • 1
    9 个 .NET UI 框架，您的选择是？
  • 2
    SharePoint自动化系列——通过Coded UI录制脚本自动化创建SharePoint Designer Reusable Workflow
  • 3
    CDP中使用YARN Web UI和CLI
  • 4
    UI/UE对个性化推荐的影响
  • 5
    再见 Swagger UI，国人开源了一款超好用的 API 文档生成框架，Star 4.7K+，真香……
  • 6
    VUE element-ui 之table表格勾选复选框动态带出（将某列的值赋值给指定列）对应列的数据
  • 7
    Android UI学习 - Linear Layout, RelativeLayout
  • 8
    Windows Phone 及 Metro UI 设计讨论
  • 9
    UGUI防止穿透和判断点击的是否是UI
  • 10
    element ui el-pagination重载数据时分页不更新
  • 1
    我的Android之路(持续更新总结~)
    102
  • 2
    Android为什么不能在子线程更新UI
    72
  • 3
    Android保存图片到相册(适配android 10以下及以上)
    125
  • 4
    Android调用相机与相册的方法2
    65
  • 5
    探索安卓应用中的新趋势：人工智能驱动的智能推荐系统
    133
  • 6
    构建高效Android应用：从优化用户体验到提升性能
    196
  • 7
    Error:Could not find com.android.support:appcompat-v7:27.0.2.
    113
  • 8
    Android 开发获取通知栏权限时会出现两个应用图标
    71
  • 9
    Android开发小技巧：怎样在 textview 前面加上一个小图标。
    108
  • 10
    安卓与iOS操作系统的发展与比较
    159

    • 相关课程

    更多
  • 开源Android容器化框架Atlas开发者指南

    • 相关电子书

    更多
  • 使用TensorFlow搭建智能开发系统自劢生成App UI代码
  • Fusion Design - 企业级UI解决方案揭秘
  • 使用TensorFlow搭建智能开发系统自动生成App UI

    • 推荐镜像

    更多
  • android.googlesource.com
    • 下一篇
    阿里云无影云电脑免费试用，最长可试用3个月