小玩意之图片浏览器

前言：

今天逗我弟弟玩，写了一个他的图片浏览器嘿嘿

正文：

我们先说一下这个的布局，来图

在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:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.example.administrator.test1.MainActivity"
    android:orientation="vertical">
    
    <ImageView
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:scaleType="fitXY"
        android:id="@+id/imageview"
        android:src="@drawable/a"
        />
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="上一张"
            android:id="@+id/pre"
            android:onClick="skip"/>
        <View
 android:layout_width="0dp"
            android:layout_height="1dp"
            android:layout_weight="1"/>
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="下一张"
            android:id="@+id/next"
            android:onClick="skip"/>
    </LinearLayout>

</LinearLayout>

这个布局我们可以用LinearLayout布局,从图上看得知是使用垂直布局，所以我们要先使用android:orientation="vertical"，设置成垂直布局，因为LinearLayout布局默认是水平布局的

接下来在这个大的线性布局中添加ImageView标签和一个LinearLayout，在ImageView中我们把android:layout_width="match_parent"     android:layout_height="0dp" android:layout_weight="1"，因为设置了layout_weight为1，则layout_height的大小就没有必要了，所以设置成0dp，下面LinearLayout中的同样也是使用这种，在两个按钮控件之间添加一个view控件，设置成上面浅蓝色的代码中，按钮可以设置成下一张和上一张

Java中代码，直接上代码

import android.content.DialogInterface;
import android.media.Image;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.text.Editable;
import android.text.TextWatcher;
import android.text.method.HideReturnsTransformationMethod;
import android.text.method.PasswordTransformationMethod;
import android.util.Log;
import android.view.View;
import android.widget.Button;
import android.widget.CheckBox;
import android.widget.CompoundButton;
import android.widget.EditText;
import android.widget.ImageView;
import android.widget.RadioButton;
import android.widget.RadioGroup;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {
    private ImageView imageview;
    private Button pre,next;
    private int position=0;
    private int[]imageId={R.drawable.a,R.drawable.b,R.drawable.c,R.drawable.d,R.drawable.e,R.drawable.f,R.drawable.g,R.drawable.h,R.drawable.i,R.drawable.j};
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
       imageview=(ImageView)findViewById(R.id.imageview);
        pre=(Button)findViewById(R.id.pre);
        next=(Button)findViewById(R.id.next);
        pre.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if(position==0){
                    position=imageId.length-1;
                }


                    position--;
                    imageview.setImageResource(imageId[position]);

            }
        });
        next.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if(position==imageId.length-1){
                    position=0;
                }
                    position++;
                    imageview.setImageResource(imageId[position]);

            }
        });

    }

}

其中的imageview对象的setImageResource方法值得小小注意一下，其参数是图片的ID，我把他们放在数组中