Android 点击按钮网络请求(post) 加载图片并显示在界面上

Android 点击按钮网络请求(post) 加载图片并显示在界面上

首先在xml文件上界面布局
采用LinearLayout来布局界面，并添加一个按钮来进行网络请求，在添加一个ImageView来显示我们网络请求使获取的图片。

下面为界面布局代码

<?xml version="1.0" encoding="utf-8"?>
<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"
    tools:context=".MainActivity"
    android:orientation="vertical">

    <Button
        android:id="@+id/b1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:text="请求" />

    <ImageView
        android:id="@+id/i1"
        android:layout_marginTop="50dp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:scaleType="fitXY"
        android:layout_gravity="center"
        />

</LinearLayout>

界面效果

第二在Mainactivity.java完成功能的实现

第一步：绑定id

第二步：按钮添加监听事件

第三步：完成网络的请求

在网络请求之前在AndroidManifest.xml文件中添加网络权限

<uses-permission android:name="android.permission.INTERNET"/>

定义一个请求接口

 private void requestDate()
    {
    }

在该接口进行网络请求

 private void requestDate()
    {
    String url="http://api.youngam.cn/api/one.php";//请求地址
    OkHttpClient okHttpClient=new OkHttpClient();//网络请求库
    /*
    该第三方库需要在build.gradle输入下面代码进行下载
    implementation 'com.squareup.okhttp3:okhttp:3.12.1'
    debugImplementation 'com.squareup.okhttp3:logging-interceptor:3.12.1'
    */
    RequestBody requestBody=new FormBody.Builder()//请求数据
                .add("t","1")
                .add("n","2")
                .build();
    final Request request=new Request.Builder()//网络请求
                .url(url)
                //如果是get请求输入该语句.get()
                //默认就是GET请求，可以不写
                .post(requestBody)//post请求数据
                .build();
     Call call=okHttpClient.newCall(request);
     call.enqueue(new Callback() {
            @Override
            public void onFailure(Call call, IOException e) {

            }
             @Override
            public void onResponse(Call call, Response response) throws IOException {
                String result=response.body().string();//获取网络请求返回的数据
                Gson gson=new Gson();
                /*对Json数据进行解析,该方法为第三方库，需要在build.gradle上下载
                implementation 'com.google.code.gson:gson:2.8.5'
                */
                final OneModel model=gson.fromJson(result,OneModel.class);//对返回的数据经过解析获取自己需要的数据
                //主线程获取数据
                handler.post(new Runnable() {
                    @Override
                    public void run() {
                        refreshDate(model);//请求接口，获取相关数据
                    }
                });
                 }
        });
    }

第四步：提取解析后的相关数据

//定义无返回值接口
    private  void refreshDate(OneModel model)
    {
    }

    private  void refreshDate(OneModel model)
    {
        if(model==null||model.getData()==null)//如果请求的数据都为空，则直接返回
        {
            return;
        }
        OneModel.DataBean dataBean=model.getData().get(0);//获取请求数据的第一条
        Glide.with(MainActivity.this).load(dataBean.getSrc()).into(i1);
        /*获取第一条数据中的src图片链接并通过该第三方库（Glide）显示在xml布局ImageView组件上，该方法为第三方库，需要在build.gradle上下载
        implementation 'com.github.bumptech.glide:glide:4.9.0'
   		annotationProcessor 'com.github.bumptech.glide:compiler:4.9.0'
        */
    }

最后一步：数据解析
使用GsonFormat插件，快速将json字符串转换成一个Java Bean，免去我们根据json字符串手写对应Java Bean的过程。

在setting中下载GsonFormat插件

定义一个类OneModel.class

public class OneModel implements Serializable {

}

复制链接请求的json全部数据

使用快捷键（Alt+s）粘贴全部过去数据，之后一直点击OK

在这里可以对相关数据类型进行更改

完成

如果需要在真机使用软件，请在（AndroidManifest.xml）中的application输入以下代码，防止真机对网络请求不了

android:usesCleartextTraffic="true"

下面是本项目的源代码
https://download.csdn.net/download/Scxioi0/12888804