码迷,mamicode.com
首页 > 移动开发 > 详细

java-android HorizontalScrollView LinearLayout图片浏览

时间:2016-04-14 12:14:43      阅读:291      评论:0      收藏:0      [点我收藏+]

标签:

主要制作图片浏览的功能,效果图如下:

技术分享

原理:HorizontalScrollView这个控件,本身可以水平移动,现在讲可以移动的HorizontalScrollView,增加一个LinearLayout布局文件,就可以达到这个效果。

所以,在LinearLayout中处理2个问题,一是数据对应问题,二,布局问题。

难点:LayoutInflater的使用

在实际开发中LayoutInflater这个类还是非常有用的,它的作用类似于findViewById()。不同点是LayoutInflater是用来找res/layout/下的xml布局文件,并且实例化;而findViewById()是找xml布局文件下的具体widget控件(如Button、TextView等)。
具体作用:
1、对于一个没有被载入或者想要动态载入的界面,都需要使用LayoutInflater.inflate()来载入;
2、对于一个已经载入的界面,就可以使用Activiyt.findViewById()方法来获得其中的界面元素。
LayoutInflater 是一个抽象类,在文档中如下声明:
public abstract class LayoutInflater extends Object
获得 LayoutInflater 实例的三种方式
1. LayoutInflater inflater = getLayoutInflater();//调用Activity的getLayoutInflater() 
2. LayoutInflater inflater = LayoutInflater.from(context);  
3. LayoutInflater inflater =  (LayoutInflater)context.getSystemService
                              (Context.LAYOUT_INFLATER_SERVICE);
其实,这三种方式本质是相同的,从源码中可以看出:
getLayoutInflater():
Activity 的 getLayoutInflater() 方法是调用 PhoneWindow 的getLayoutInflater()方法,看一下该源代码:
public PhoneWindow(Context context)
{   
 super(context);   
    mLayoutInflater = LayoutInflater.from(context);
}
可以看出它其实是调用 LayoutInflater.from(context)。
LayoutInflater.from(context):
public static LayoutInflater from(Context context)
{   
 LayoutInflater LayoutInflater = (LayoutInflater) context.getSystemService
         (Context.LAYOUT_INFLATER_SERVICE);
    if (LayoutInflater == null)
    {       
     throw new AssertionError("LayoutInflater not found.");   
    }   
    return LayoutInflater;
}
可以看出它其实调用 context.getSystemService()。
结论:所以这三种方式最终本质是都是调用的Context.getSystemService()。
另外getSystemService()是Android很重要的一个API,它是Activity的一个方法,根据传入的NAME来取得对应的Object,然后转换成相应的服务对象。以下介绍系统相应的服务。
 
传入的Name 返回的对象 说明
WINDOW_SERVICE WindowManager 管理打开的窗口程序
LAYOUT_INFLATER_SERVICE LayoutInflater 取得xml里定义的view
ACTIVITY_SERVICE ActivityManager 管理应用程序的系统状态
POWER_SERVICE PowerManger 电源的服务
ALARM_SERVICE AlarmManager 闹钟的服务
NOTIFICATION_SERVICE NotificationManager 状态栏的服务
KEYGUARD_SERVICE KeyguardManager 键盘锁的服务
LOCATION_SERVICE LocationManager 位置的服务,如GPS
SEARCH_SERVICE SearchManager 搜索的服务
VEBRATOR_SERVICE Vebrator 手机震动的服务
CONNECTIVITY_SERVICE Connectivity 网络连接的服务
WIFI_SERVICE WifiManager Wi-Fi服务
TELEPHONY_SERVICE TeleponyManager 电话服务
inflate 方法
通过 sdk 的 api 文档,可以知道该方法有以下几种过载形式,返回值均是 View 对象,如下:
public View inflate (int resource, ViewGroup root) 
public View inflate (XmlPullParser parser, ViewGroup root)
public View inflate (XmlPullParser parser, ViewGroup root, boolean attachToRoot)  
public View inflate (int resource, ViewGroup root, boolean attachToRoot)

 

 

 

布局文件xml

 1 <?xml version="1.0" encoding="utf-8"?>
 2 <AbsoluteLayout xmlns:android="http://schemas.android.com/apk/res/android"
 3     android:layout_width="match_parent"
 4     android:layout_height="match_parent" >
 5 
 6     <HorizontalScrollView
 7         android:id="@+id/horizontalScrollView1"
 8         android:layout_width="256dp"
 9         android:layout_height="364dp"
10         android:layout_x="28dp"
11         android:layout_y="40dp" >
12 
13         <LinearLayout
14             android:id="@+id/galleryLinearLayout"
15             android:layout_width="match_parent"
16             android:layout_height="match_parent"
17             android:orientation="horizontal" >
18 
19         </LinearLayout>
20     </HorizontalScrollView>
21 
22 </AbsoluteLayout>

显示文件 xml

 1 <?xml version="1.0" encoding="utf-8"?>
 2 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
 3     android:layout_width="wrap_content"
 4     android:layout_height="wrap_content" >
 5 
 6     <ImageView
 7         android:id="@+id/imageView"
 8         android:layout_width="80dip"
 9         android:layout_height="80dip"
10         android:layout_centerHorizontal="true" />
11 
12     <TextView
13         android:id="@+id/textView"
14         android:layout_width="wrap_content"
15         android:layout_height="wrap_content"
16         android:layout_below="@id/imageView"
17         android:layout_centerHorizontal="true"
18         android:layout_marginTop="8dip" />
19 
20 </RelativeLayout>

源代码java

 1 package com.test;
 2 
 3 import android.os.Bundle;
 4 import android.app.Activity;
 5 import android.view.LayoutInflater;
 6 import android.view.Menu;
 7 import android.view.View;
 8 import android.widget.Gallery;
 9 import android.widget.ImageView;
10 import android.widget.LinearLayout;
11 import android.widget.TextView;
12 
13 public class MainActivity extends Activity {
14     
15     private int [] mPhotosIntArray;
16     private LayoutInflater mLayoutInflater;
17     private LinearLayout mGalleryLinearLayout;
18 
19     @Override
20     protected void onCreate(Bundle savedInstanceState) {
21         super.onCreate(savedInstanceState);
22         setContentView(R.layout.tt);
23         mGalleryLinearLayout=(LinearLayout) this.findViewById(R.id.galleryLinearLayout);
24         mLayoutInflater=LayoutInflater.from(this);
25         mPhotosIntArray=new int[]{R.drawable.a1,R.drawable.a2,R.drawable.a3,R.drawable.a4,R.drawable.a5,R.drawable.a6,
26                 R.drawable.a7,R.drawable.a8,R.drawable.a9};
27         
28         View itemView=null;
29         ImageView imageView=null;
30         TextView textView;
31         for (int i = 0; i < mPhotosIntArray.length; i++) {
32             itemView=mLayoutInflater.inflate(R.layout.ttt, null);
33             imageView=(ImageView) itemView.findViewById(R.id.imageView);
34             textView=(TextView) itemView.findViewById(R.id.textView);
35             imageView.setImageResource(mPhotosIntArray[i]);
36             imageView.setScaleType(ImageView.ScaleType. CENTER_CROP);  
37             textView.setText("This is "+(i+1));
38             mGalleryLinearLayout.addView(itemView);
39         }
40 
41         
42         
43         
44     }
45 
46 
47     
48 }

 

java-android HorizontalScrollView LinearLayout图片浏览

标签:

原文地址:http://www.cnblogs.com/seemenlee/p/5390445.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!