Java 如何获取网站内容并以我们希望的方式将其放入android应用程序布局中？

我问了一个奇怪的问题，但好奇是最好的老师，我急切地想知道并开发这种android应用程序

我的背景在安卓应用程序开发中并不是很好，但现在我正在使用网络视图作为一个网站，该网站响应速度快，工作正常，但加载时间太长，不能为用户提供太多便利。以下是我的代码：

main活动

package com.testWebview.deep;

import android.app.AlertDialog;
import android.app.ProgressDialog;
import android.content.Context;
import android.content.DialogInterface;
import android.content.Intent;
import android.graphics.Bitmap;
import android.net.ConnectivityManager;
import android.net.NetworkInfo;
import android.net.Uri;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;

public class MainActivity extends AppCompatActivity {

    private WebView webview;
    private ProgressDialog progress;

    public void runTask(){
        ConnectivityManager connec = (ConnectivityManager)getSystemService(Context.CONNECTIVITY_SERVICE);
        if(connec!=null && (connec.getNetworkInfo(ConnectivityManager.TYPE_WIFI).getState() == NetworkInfo.State.CONNECTED) || (connec.getNetworkInfo(ConnectivityManager.TYPE_MOBILE).getState() == NetworkInfo.State.CONNECTED)){
            webview = (WebView)findViewById(R.id.MainWebView);
            WebSettings webSettings = webview.getSettings();
            webSettings.setJavaScriptEnabled(true);
            webSettings.setLoadsImagesAutomatically(true);
            webSettings.setLoadWithOverviewMode(true);
            webSettings.setDomStorageEnabled(true);
            webSettings.setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);
            webSettings.setAllowFileAccess(true);
            webSettings.setBuiltInZoomControls(true);
            webSettings.setUseWideViewPort(true);
            loadingC();
            webview.setWebViewClient(new WebViewClient(){

                @Override
                public void onPageStarted(WebView view, String url,Bitmap favicon){
                    if(!progress.isShowing()){
                        loadingC();
                    }

                }
                @Override
                public void onReceivedError(WebView view, int errorCode, String description, String failingUrl) {
                    if(progress.isShowing()){progress.dismiss();}
                    checkConnection();
                    webview.loadUrl("file:///android_asset/error.html");
                }

                @Override
                public void onPageFinished(WebView view, String url) {
                    if(progress.isShowing()) {
                        progress.dismiss();
                    }
                }
            });
            webview.setScrollBarStyle(WebView.SCROLLBARS_OUTSIDE_OVERLAY);
            webview.setScrollbarFadingEnabled(false);
            webview.setLayerType(View.LAYER_TYPE_HARDWARE, null);
            webview.loadUrl("http://www.bharatcoupons.com/");
        }
        else{
            checkConnection();
        }
    }

    public void checkConnection(){
        AlertDialog.Builder builder = new AlertDialog.Builder(this);
        builder.setTitle("Error");
        builder.setMessage("Please make sure your connected to internet!");
        builder.setCancelable(false);
        builder.setPositiveButton("retry", new DialogInterface.OnClickListener() {

            public void onClick(DialogInterface dialog, int which) {
                runTask();
            }

        });
        builder.show();
    }

    public void loadingC(){
        progress = ProgressDialog.show(this, "Loading", "Please wait for a moment...");
    }

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        runTask();
    }

    @Override
    public void onBackPressed(){
        if(webview.canGoBack()){
            webview.goBack();
        }else{
            super.onBackPressed();
        }
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.menu_main, menu);
        return true;
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        // Handle action bar item clicks here. The action bar will
        // automatically handle clicks on the Home/Up button, so long
        // as you specify a parent activity in AndroidManifest.xml.
        int id = item.getItemId();

        //noinspection SimplifiableIfStatement
        if (id == R.id.action_settings) {
            return true;
        }

        return super.onOptionsItemSelected(item);
    }

    private class MyAppWebViewClient extends WebViewClient{

    }
}

MyAppWebViewClient

package com.testWebview.deep;

import android.content.Intent;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.net.Uri;

public class MyAppWebViewClient extends WebViewClient{

    @Override
    public boolean shouldOverrideUrlLoading(WebView view, String url){
        if(Uri.parse(url).getHost().endsWith("bharatcoupons.com")){
            return false;
        }
        Intent intent = new Intent(Intent.ACTION_VIEW, Uri.parse(url));
        view.getContext().startActivity(intent);
        return true;
    }

}

上面的代码与webview配合得很好，但这是一种开发android应用程序的缓慢且不专业的方式。现在我想做的是获取网站内容并将其放入我想要的应用程序框架中。我将给你们展示一个例子，详细说明我想做的一切

假设我的网站是这样的：

我应该采取什么样的方法或方法、技巧使我的应用程序像这样：

据我所知，这不是一个直接在应用程序中显示网站内容的网络视图。在向左或向右切换时，它将显示下一项。将整个网站导入此应用程序，但不使用WebView

他们制作了这样一个框架，从网站获取内容并将其放入应用程序中。我想这样做

我不想要代码，但我应该从哪里开始，我应该使用什么样的方法或技术来实现这一点

参考网站和应用程序，我采取的教育目的只是没有其他意图背后

---

提前谢谢

方法1:

使用能够自动适应移动/选项卡屏幕的响应性网站

方法2:

解析像图像和文本这样的web文档，然后将其显示在

ImageView

或其他UI内容中

对于HTML解析，您可以使用第三方库，如

最佳方法：

现在，几乎所有公司/在线服务都使用API在web和其他平台之间进行通信。它使所有数据保持一致和灵活，因为所有信息都来自同一来源。为您的web服务创建一个RESTfulAPI。调用API并以JSON格式获取数据。稍后解析信息并在视图中显示

e、 g.为了获得特定产品的信息

JSON格式的结果可能是这样的

{
    "error": false,
    "name": "ETC Solid Men's Polo Neck -Tshirt",
    "description": "Your pruduct description",
    "images": [
        {
            "preview1": "http://yoururl.com/images/preview1"
        },
        {
            "preview2": "http://yoururl.com/images/preview2"
        },
        {
            "preview3": "http://yoururl.com/images/preview3"
        },
        {
            "preview4": "http://yoururl.com/images/preview4"
        }
    ]
}

---

一个好的时间/工作/结果方法是在一个简单的Cordova应用程序中“包装”你的网站。因此，您应该开始，然后在您的站点上为移动世界添加一个响应/自定义css代码（如果还不存在），然后修复所有在手机上无法正常工作的代码（js/css）.

如果这个网站有Api，你可以用Api来做。如果它有json数据，你可以通过json连接，在最坏的情况下，你可以将它的html解析成xml或json，或者直接解析到你需要的数据对象。 之所以不推荐这种方法，是因为如果他们更改了站点中的某些内容，可能会立即中断您的界面

大型网站通常会进行api检查： 亚马逊api Facebook api SoundCloudAPI

---

Etc

首先，你应该在你的网站上使用响应式设计，以便在普通浏览器中查看它会产生你想要的布局。我相信flipkart使用webview和原生元素的组合。我建议，您可以看看Jsoup，它可以用来解析DOM，然后您可以通过使用Jsoup解析的数据来构建本机应用程序。play store上的许多应用程序都使用它及其强大的库。参考：教程：