如何获取网站内容并将其放入我们想要的Android应用程序布局?

时间:2015-08-29 19:21:01

标签: java android webview material-design

我向我询问了一些奇怪的问题,但好奇心是最好的老师,我急切地想知道并开发这种Android应用程序。

我在应用开发中的背景并不是那么好但是现在我正在使用 WebView 作为响应其工作的网站好吧,但是它花费了太多时间来加载并且没有为用户提供那么多便利。这是我的代码:

MainActivity

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应用程序的缓慢且不专业的方式。现在我想要做的是获取网站内容并将其放入我想要的应用程序框架中。我将向您展示一个例子,它将详细说明您想要做的所有事情。

假设我的网站是这样的: An website

我应该遵循什么样的方法或方法,使我的应用程序像这样的技巧: enter image description here

据我所知,它不是直接将网站内容显示到应用程序中的webview。在向左或向右交换时,它将显示下一个项目。整个网站进入这个应用程序,但没有使用WebView

他们制作了这样的框架,即从网站获取内容并将其放入应用程序。而我想这样做。

我不想要代码,但我应该从哪里开始,我应该采用什么样的方法或技术来实现这一目标。

我参与的参考网站和应用程序仅用于教育目的,其背后没有其他意图

提前致谢!

3 个答案:

答案 0 :(得分:4)

方法1:

使用自动适合移动/标签屏幕的自适应网站。

方法2:

解析Web图像和文本等文档,然后在ImageView或其他UI内容中显示。

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

最佳方法:

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

e.g。获得特定产品的信息,

http://your_address/shopping/v1/get_product_info

enter image description here

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"
        }
    ]
}

答案 1 :(得分:0)

良好的时间/工作/成果方法是"包装"您的网站在简单的Cordova应用程序中。因此,您应该启动learning Cordova,然后在您的网站上为移动世界添加自适应/自定义css代码(如果尚未存在),然后修复在手机上无法正常工作的所有内容(JS / CSS)。

答案 2 :(得分:0)

如果这个网站有一个Api你可以用api做它,如果它有json数据你可以通过json连接,在最坏的情况下你可以解析它的html到xml或json或直接解析你需要的数据对象。 之所以不推荐这种方法的原因是因为如果他们改变了网站中可能会立即制造界面的内容。

大型网站通常都有api检查: 亚马逊api Facebook api Soundcloud api