zoukankan      html  css  js  c++  java

  • 11.菜单界面、详情界面

    菜单界面
    在MainActivity  的initView方法里
    1. 	// 添加菜单
    2. 		fl_menu=(FrameLayout) findViewById(R.id.fl_menu);
    3. 		MenuHolder holder=new MenuHolder();
    4. 		//登陆的时候数据保存起来了，在到了这里就判断有没有登陆过，这步还没写
    5. 		//holder.setData(data)
    6. 		fl_menu.addView(holder.getContentView());
    菜单布局（写上这个属性在小屏幕上能滑，大屏幕上是匹配屏幕）
    1. <ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    2.     android:layout_width="match_parent"
    3.     android:layout_height="match_parent"
    4.     android:fillViewport="true" >
    5. 	<!--ScollView 包裹的孩子 默认高度只能是包裹内容 
    6. 	 android:fillViewport="true"允许孩子是匹配父容器  -->
    7.     <LinearLayout
    8.         android:layout_width="match_parent"
    9.         android:layout_height="match_parent"
    10.         android:orientation="vertical" >
    MenuHolder 
    1. public class MenuHolder extends BaseHolder<UserInfo> implements OnClickListener {
    2. 	@ViewInject(R.id.photo_layout)
    3. 	private RelativeLayout photo_layout;
    4. 	@ViewInject(R.id.image_photo)
    5. 	private ImageView image_photo;
    6. 	@ViewInject(R.id.user_name)
    7. 	private TextView user_name;
    8. 	@ViewInject(R.id.user_email)
    9. 	private TextView user_email;
    10. 	@Override
    11. 	public View initView() {
    12. 		View view=UiUtils.inflate(R.layout.menu_holder);
    13. 		ViewUtils.inject(this, view);
    14. 		photo_layout.setOnClickListener(this);
    15. 		return view;
    16. 	}
    18. 	@Override
    19. 	public void refreshView(UserInfo data) {
    20. 		user_name.setText(data.getName());
    21. 		user_email.setText(data.getEmail());
    22. 		String url = data.getUrl();//image/user.png
    23. 		bitmapUtils.display(image_photo, HttpHelper.URL+"image?name="+url);
    24. 		
    25. 	}
    27. 	@Override
    28. 	public void onClick(View v) {
    29. 		switch (v.getId()) {
    30. 		case R.id.photo_layout:
    31. 			//  连接服务器 ...登录
    32. 			ThreadManager.getInstance().createLongPool().execute(new Runnable() {
    33. 				
    34. 				@Override
    35. 				public void run() {
    36. 					UserProtocol protocol=new UserProtocol();
    37. 					final UserInfo load = protocol.load(0);
    38. 					UiUtils.runOnUiThread(new Runnable() {
    39. 						@Override
    40. 						public void run() {
    41. 							setData(load); // 当调用该方法的时候  就会调用refreshView
    42. 						}
    43. 					});
    44. 				}
    45. 			});
    46. 			break;
    47. 		}
    48. 	}
    50. }
    详情界面
     解析json：jsonobj解析可以都写在一个bean对象里,它并补关心括号前的字，只需要把属性定义出来
    1. {
    2.     "id": 1640273,
    3.     "name": "京东",
    4.     "packageName": "com.jingdong.app.mall",
    5.     "iconUrl": "app/com.jingdong.app.mall/icon.jpg",
    6.     "stars": 3,
    7.     "downloadNum": "1000万+",
    8.     "version": "3.6.3",
    9.     "date": "2014-06-13",
    10.     "size": 14282026,
    11.     "downloadUrl": "app/com.jingdong.app.mall/com.jingdong.app.mall.apk",
    12.     "des": "京东是中国最大的综合网购平台, 正品行货,  售后上门取件, 省钱又放心.商品品类覆盖家电,数码通讯,电脑,家居百货,服装服饰,母婴,图书,食品等12大类数万个品牌超百万种优质商品, 是网购用户首选.
京东Android版是一款基于Android平台的网络购物软件,不仅具有下单,查询订单,搜索商品,晒单,产品评价等常用功能,还实现了手机版特有的“条码购”,“语音充值”,“物流实时跟踪”,“拍照晒单”等特色功能.
主要功能简介:
1.足不出户，百万商品任你选。热门促销，天天折扣享不停。
2.支持语音搜索、语音充值、条码购物，解放你的双手，告别繁琐操作。
3.商品一日三送，订单全程实时跟踪，一切尽在掌握。
4.支持京东白条购物，可享受“先消费，后付款”的全新购物体验。更有灵活的分期付款方式可供选择，最长可分24期，享有超低的分期费率。
5.支持扫码支付，通过京东客户端的“扫一扫”功能，扫描京东订单的二维码或条形码方式后跳转到支付页面进行付款。可以使用快捷，白条、小金库等方式付款。",
    13.     "author": "京东商城",
    14.     "screen": [
    15.         "app/com.jingdong.app.mall/screen0.jpg",
    16.         "app/com.jingdong.app.mall/screen1.jpg",
    17.         "app/com.jingdong.app.mall/screen2.jpg",
    18.         "app/com.jingdong.app.mall/screen3.jpg",
    19.         "app/com.jingdong.app.mall/screen4.jpg"
    20.     ],
    21.     "safe": [
    22.         {
    23.             "safeUrl": "app/com.jingdong.app.mall/safeIcon0.jpg",
    24.             "safeDesUrl": "app/com.jingdong.app.mall/safeDesUrl0.jpg",
    25.             "safeDes": "已通过安智市场官方认证，是正版软件",
    26.             "safeDesColor": 0
    27.         },
    28.         {
    29.             "safeUrl": "app/com.jingdong.app.mall/safeIcon1.jpg",
    30.             "safeDesUrl": "app/com.jingdong.app.mall/safeDesUrl1.jpg",
    31.             "safeDes": "已通过安智市场安全检测，请放心使用",
    32.             "safeDesColor": 0
    33.         },
    34.         {
    35.             "safeUrl": "app/com.jingdong.app.mall/safeIcon2.jpg",
    36.             "safeDesUrl": "app/com.jingdong.app.mall/safeDesUrl2.jpg",
    37.             "safeDes": "无任何形式的广告",
    38.             "safeDesColor": 0
    39.         }
    40.     ]
    41. }
    拿以前的APPinfo用，可以根据需求提供的不同构造函数
    1. public class AppInfo {
    2.     	 
    3.     private long id;
    4. 	private String name;
    5. 	private String packageName;
    6. 	private String iconUrl;
    7. 	private float stars;
    8. 	private long size;
    9. 	private String downloadUrl;
    10. 	private String des;
    11. 	
    12. 	//-------------  在DetailActivity 额外用到的数据
    13. 	private String downloadNum;
    14. 	private String version;
    15. 	private String date;
    16. 	private String author;
    17. 	private List<String> screen;
    18. 	
    19. 	private List<String> safeUrl;
    20. 	private List<String> safeDesUrl;
    21. 	private List<String> safeDes;
    22. 	private List<Integer> safeDesColor; 
    23. 	
    24. 	
    25. 	
    26. 	public AppInfo(long id, String name, String packageName, String iconUrl,
    27. 			float stars, long size, String downloadUrl, String des,
    28. 			String downloadNum, String version, String date, String author,
    29. 			List<String> screen, List<String> safeUrl, List<String> safeDesUrl,
    30. 			List<String> safeDes, List<Integer> safeDesColor) {
    31. ....
    DetailProtocol 
    1. 	@Override
    2. 	public AppInfo paserJson(String json) {
    3. 		try {
    4. 			JSONObject object = new JSONObject(json);
    5. 			long id = object.getLong("id");
    6. 			String name = object.getString("name");
    7. 			String packageName = object.getString("packageName");
    8. 			String iconUrl = object.getString("iconUrl");
    9. 			float stars = Float.parseFloat(object.getString("stars"));
    10. 			long size = object.getLong("size");
    11. 			String downloadUrl = object.getString("downloadUrl");
    12. 			String des = object.getString("des");
    13. 			String downloadNum = object.getString("downloadNum");
    14. 			String version = object.getString("version");
    15. 			String date = object.getString("date");
    16. 			String author = object.getString("author");
    17. 			List<String> screen = new ArrayList<String>();
    18. 			JSONArray screenArray = object.getJSONArray("screen");
    19. 			for (int i = 0; i < screenArray.length(); i++) {
    20. 				screen.add(screenArray.getString(i));
    21. 			}
    23. 			List<String> safeUrl = new ArrayList<String>();
    24. 			List<String> safeDesUrl = new ArrayList<String>();
    25. 			List<String> safeDes = new ArrayList<String>();
    26. 			List<Integer> safeDesColor = new ArrayList<Integer>();
    27. 			JSONArray jsonArray = object.getJSONArray("safe");
    28. 			for (int i = 0; i < jsonArray.length(); i++) {
    29. 				JSONObject jsonObject = jsonArray.getJSONObject(i);
    30. 				safeUrl.add(jsonObject.getString("safeUrl"));
    31. 				safeDesUrl.add(jsonObject.getString("safeDesUrl"));
    32. 				safeDes.add(jsonObject.getString("safeDes"));
    33. 				safeDesColor.add(jsonObject.getInt("safeDesColor"));
    35. 			}
    36. 			AppInfo appInfo = new AppInfo(id, name, packageName, iconUrl,
    37. 					stars, size, downloadUrl, des, downloadNum, version, date,
    38. 					author, screen, safeUrl, safeDesUrl, safeDes, safeDesColor);
    39. 			return appInfo;
    40. 		} catch (Exception e) {
    41. 			e.printStackTrace();
    42. 			return null;
    43. 		}
    44. 	}
    DetailActivity  
    从上到下，每个都是holder，先实现不带箭头的

    布局（下面是个帧布局，上面是Scrollview，每像界面是帧布局，直接把每个holder添加进去就行）：
    1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    2.     android:layout_width="match_parent"
    3.     android:layout_height="match_parent" >
    5.     <FrameLayout
    6.         android:id="@+id/bottom_layout"
    7.         android:layout_width="match_parent"
    8.         android:layout_height="50dp"
    9.         android:layout_alignParentBottom="true"
    10.         android:background="@drawable/detail_bottom_bg" >
    11.     </FrameLayout>
    13.     <ScrollView
    14.         android:layout_width="match_parent"
    15.         android:layout_height="match_parent"
    16.         android:layout_above="@id/bottom_layout"
    17.         android:layout_marginBottom="5dp"
    18.         android:fillViewport="true" >

    1. public class DetailActivity extends BaseActivity {
    2. 	
    3. 	private String packageName;
    4. 	private AppInfo data;
    5. 	@Override
    6. 	protected void initView() {
    7. 		LoadingPage  loadingPage=new LoadingPage(this) {
    8. 			@Override
    9. 			protected LoadResult load() {
    10. 				return DetailActivity.this.load();
    11. 			}
    12. 			@Override
    13. 			public View createSuccessView() {
    14. 				return DetailActivity.this.createSuccessView();
    15. 			}
    16. 		};
    17. 		loadingPage.show();  //  必须调用show方法 才会请求服务器 加载新的界面
    18. 		setContentView(loadingPage);
    19. 	}
    20. 	@Override
    21. 	protected void onCreate(Bundle savedInstanceState) {
    22. 		Intent intent = getIntent();  // 获取到打开当前activity的意图对象
    23. 		packageName = intent.getStringExtra("packageName");
    24. 		super.onCreate(savedInstanceState);
    25. 		
    26. 		
    27. 	}
    28. 	private FrameLayout bottom_layout,detail_info,detail_safe,detail_des;
    29. 	private HorizontalScrollView detail_screen;
    30. 	private DetailInfoHolder detailInfoHolder;
    31. 	private DetailScreenHolder screenHolder;
    32. 	private DetailSafeHolder safeHolder;
    33. 	private DetailDesHolder desHolder;
    34. 	/**
    35. 	 * 加载成功的界面
    36. 	 * @return
    37. 	 */
    38. 	protected View createSuccessView() {
    39. 		View view=UiUtils.inflate(R.layout.activity_detail);
    40. 		// 添加信息区域
    41. 		bottom_layout=(FrameLayout) view.findViewById(R.id.bottom_layout);
    42. 		
    43. 		//  应用程序信息
    44. 		detail_info=(FrameLayout) view.findViewById(R.id.detail_info);
    45. 		detailInfoHolder=new DetailInfoHolder();
    46. 		detailInfoHolder.setData(data);
    47. 		detail_info.addView(detailInfoHolder.getContentView());
    48. 		
    49. 		//安全标记
    50. 		detail_safe=(FrameLayout) view.findViewById(R.id.detail_safe);
    51. 		safeHolder=new DetailSafeHolder();
    52. 		safeHolder.setData(data);
    53. 		detail_safe.addView(safeHolder.getContentView());
    54. 		//描述
    55. 		detail_des=(FrameLayout) view.findViewById(R.id.detail_des);
    56. 		desHolder=new DetailDesHolder();
    57. 		desHolder.setData(data);
    58. 		detail_des.addView(desHolder.getContentView());
    59. 		// 中间5张图片
    60. 		detail_screen=(HorizontalScrollView) view.findViewById(R.id.detail_screen);
    61. 		screenHolder=new DetailScreenHolder();
    62. 		screenHolder.setData(data);
    63. 		detail_screen.addView(screenHolder.getContentView());
    64. 		
    65. 		return view;
    66. 	}
    67. 	/**
    68. 	 * 请求服务器加载数据
    69. 	 * @return
    70. 	 */
    71. 	protected LoadResult load() {
    72. 		DetailProtocol protocol=new DetailProtocol(packageName);
    73. 		data = protocol.load(0);
    74. 		if(data==null){
    75. 			return LoadResult.error;
    76. 		}else{
    77. 			return LoadResult.success;
    78. 		}
    79. 	}
    80. 	@Override
    81. 	protected void initActionBar() {
    82. 		super.initActionBar();
    83. 		ActionBar actionBar = getSupportActionBar();
    84. 		actionBar.setDisplayHomeAsUpEnabled(true);
    85. 	}
    86. }
    DetailInfoHolder应用程序信息
    1. public class DetailInfoHolder extends BaseHolder<AppInfo> {
    2. 	@ViewInject(R.id.item_icon)
    3. 	private ImageView item_icon;
    4. 	@ViewInject(R.id.item_title)
    5. 	private TextView item_title;
    6. 	@ViewInject(R.id.item_rating)
    7. 	private RatingBar item_rating;
    8. 	@ViewInject(R.id.item_download)
    9. 	private TextView item_download;
    10. 	@ViewInject(R.id.item_version)
    11. 	private TextView item_version;
    12. 	@ViewInject(R.id.item_date)
    13. 	private TextView item_date;
    14. 	@ViewInject(R.id.item_size)
    15. 	private TextView item_size;
    16. 	/***
    17. 	 * 实例化控件和布局
    18. 	 */
    19. 	@Override
    20. 	public View initView() {
    21. 		View view=UiUtils.inflate(R.layout.detail_app_info);
    22. 		ViewUtils.inject(this, view);
    23. 		return view;
    24. 	}
    25. 	/**
    26. 	 * 给控件设置数据
    27. 	 */
    28. 	@Override
    29. 	public void refreshView(AppInfo data) {
    30. 		bitmapUtils.display(item_icon, HttpHelper.URL+"image?name="+data.getIconUrl());
    31. 		item_title.setText(data.getName());
    32. 		item_rating.setRating(data.getStars());
    33. 		item_download.setText("下载:"+data.getDownloadNum());
    34. 		item_version.setText("版本:"+data.getVersion());
    35. 		item_date.setText("时间:"+data.getDate());
    36. 		item_size.setText("大小:"+Formatter.formatFileSize(UiUtils.getContext(), data.getSize()));
    37. 	}
    39. }
    DetailScreenHolder （中间的五张图片，布局就是5张图片）：
    1. public class DetailScreenHolder extends BaseHolder<AppInfo> {
    2. 	private ImageView[] ivs;
    3. 	@Override
    4. 	public View initView() {
    5. 		View view=UiUtils.inflate(R.layout.detail_screen);
    6. 		ivs=new ImageView[5];
    7. 		ivs[0]=(ImageView) view.findViewById(R.id.screen_1);
    8. 		ivs[1]=(ImageView) view.findViewById(R.id.screen_2);
    9. 		ivs[2]=(ImageView) view.findViewById(R.id.screen_3);
    10. 		ivs[3]=(ImageView) view.findViewById(R.id.screen_4);
    11. 		ivs[4]=(ImageView) view.findViewById(R.id.screen_5);
    12. 		return view;
    13. 	}
    15. 	@Override
    16. 	public void refreshView(AppInfo data) {
    17. 		List<String> screen = data.getScreen(); // 集合的大小有可能小于5 
    18. 		for(int i=0;i<5;i++){
    19. 			if(i<screen.size()){
    20. 				ivs[i].setVisibility(View.VISIBLE);
    21. 				bitmapUtils.display(ivs[i], HttpHelper.URL+"image?name="+screen.get(i));
    22. 			}else{
    23. 				ivs[i].setVisibility(View.GONE);
    24. 			}
    25. 			
    26. 		}
    27. 	}
    29. }

     
  • 相关阅读:
    cygwin配合NDK开发Android程序
    和菜鸟一起学c之函数指针
    和菜鸟一起学android4.0.3源码之SD卡U盘等自动挂载配置
    Android系统的开机画面显示过程分析
    android编译系统的makefile文件Android.mk写法
    Linux下makefile教程
    和菜鸟一起学linux之本地git中心仓库建立
    强人总结的Windows XP实用技巧45条(一)
    Webshell下自动挂马的ASP
    多进程Telnet的木马例子
  • 原文地址：https://www.cnblogs.com/sixrain/p/4972623.html
Copyright © 2011-2022 走看看