Android(安卓)UI设计——画廊Gallery与提示框Dialog的综合运用
16lz
2021-01-26
讲一个简单的小应用程序,就是模仿QQ上的选择头像,很简单,但是对于Android初学者来说,是一个比较好的学习画廊Gallery与提示框Dialog综合运用的例子。
先讲一下画廊Gallery。Gallery需要绑定一个Adapter ,通常情况下Adapter 就用到三种:ArrayAdapter、SimpleAdapter和BaseAdapter。要做出画廊效果就会用到BaseAdapter,我们需要new一个类继承BaseAdapter,BaseAdapter是一个抽象类,需要实现BaseAdapter的方法。然后Gallery控件绑定Adapter就可以了。
public class ImageAdapter extends BaseAdapter {public static int[] image = { R.drawable.a, R.drawable.b, R.drawable.c,R.drawable.d, R.drawable.e, R.drawable.f, R.drawable.g };private Context context;public ImageAdapter(Context context) {this.context = context;}@Overridepublic int getCount() {// TODO Auto-generated method stubreturn image.length;}@Overridepublic Object getItem(int arg0) {// TODO Auto-generated method stubreturn arg0;}@Overridepublic long getItemId(int arg0) {// TODO Auto-generated method stubreturn arg0;}@Overridepublic View getView(int arg0, View arg1, ViewGroup arg2) {// TODO Auto-generated method stubImageView imageView = new ImageView(context);imageView.setImageResource(image[arg0]);// 保持宽高比,不设置则gallery显示一张图片imageView.setAdjustViewBounds(true);imageView.setScaleType(ImageView.ScaleType.FIT_CENTER);imageView.setLayoutParams(new Gallery.LayoutParams(120, 120));return imageView;}}
对应的xml文件:新建一个tishi.xml文件,在里边拖进去一个Gallery控件
<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" > <Gallery android:id="@+id/gallery" android:layout_width="fill_parent" android:layout_height="wrap_content" android:background="?android:galleryItemBackground" android:spacing = "10dp" android:layout_centerHorizontal="true"/></RelativeLayout>
特别提示的是:要在Activity中获取Gallery控件的话,因为MainActivity的布局文件时activity_main的布局,如果在MianAcitivity中获取的话,就会报空指针异常。要解决这个问题,就会涉及到Dialog,Dialog将自己新建的tishi.xml转化成一个View,然后通过转化的View.findViewById()方法获取Gallery控件。
MainActivity.java
public class MainActivity extends Activity {private ImageButton imageButton; private int mid,num = 0;private Gallery gallery;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);imageButton = (ImageButton) this.findViewById(R.id.imagebutton);imageButton.setOnClickListener(new myclickListenner());imageButton.setImageResource(R.drawable.ic_launcher);}class myclickListenner implements OnClickListener {@Overridepublic void onClick(View v) {// TODO Auto-generated method stub LayoutInflater flater = LayoutInflater.from(MainActivity.this);View dialogView = flater.inflate(R.layout.tishi, null);AlertDialog.Builder alertDialog=new AlertDialog.Builder(MainActivity.this);alertDialog.setTitle("请选择头像").setView(dialogView);gallery = (Gallery)dialogView.findViewById(R.id.gallery);gallery.setAdapter(new ImageAdapter(MainActivity.this));gallery.setOnItemClickListener(new OnItemClickListener() {@Overridepublic void onItemClick(AdapterView<?> arg0, View arg1, int arg2,long arg3) {mid = arg2;}});alertDialog.setPositiveButton("确定", new DialogInterface.OnClickListener() {@Overridepublic void onClick(DialogInterface arg0, int arg1) {imageButton.setImageResource(ImageAdapter.image[mid]);}});alertDialog.setNegativeButton("取消", new DialogInterface.OnClickListener() {@Overridepublic void onClick(DialogInterface arg0, int arg1) {// TODO Auto-generated method stubremoveDialog(num);}});alertDialog.create().show(); }}@Overridepublic boolean onCreateOptionsMenu(Menu menu) {// Inflate the menu; this adds items to the action bar if it is present.getMenuInflater().inflate(R.menu.main, menu);return true;}}
activity_main.xml
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:paddingTop="@dimen/activity_vertical_margin" > <ImageButton android:id="@+id/imagebutton" android:layout_width="60dp" android:layout_height="173dp" android:layout_weight="1.01" /> <EditText android:id="@+id/edittext" android:layout_width="30dp" android:layout_height="wrap_content" android:layout_weight="1.5" android:inputType="text" /></LinearLayout>
效果展示:
更多相关文章
- Android(安卓)分页控件制成底部菜单
- Android应用获取系统属性
- 深入浅出学习 Android之Android布局管理:LinerLayout线性布局
- Drawable和Bitmap转换
- Android(安卓)FrameWork——ActivityManager框架
- Android开发重修
- Android(安卓)应用软件开发(九)控件续
- Android(安卓)材料设计一
- 跟我学android-使用Eclipse开发第一个Android应用(三)