实现网页链接跳转原生应用

[复制链接]
来自: MrlLee 分类: Android精品源码 上传时间: 2016-4-21 17:56:16
Tag:实现 网页 链接 跳转 原生

项目介绍:

人们每天都要访问大量的手机网页, 如果把手机网页(Web)和应用(App)紧密地联系起来, 就可以增大用户的访问量, 也有其他应用场景, 如网页中调用支付链接, 新闻中启动问诊界面, 提供优质的原生功能等等.
如何在网页(Web)中, 通过Intent直接启动应用(App)的Activity呢?
本文主要有以下几点:
(1) 如何在Web中发送原生的Intent消息.
(1) 如何加载本地的HTML页面到浏览器.
(2) 如何创建半透明的Activity页面.

749674-8f42e171159b8048.png
1. 配置项目
新建HelloWorld工程. 添加ButterKnife支持.
[XML] 查看源文件 复制代码
compile 'com.jakewharton:butterknife:7.0.1'
2. BottomSheet
逻辑, 添加ShareIntent的监听, 即网页链接触发的Intent, 提取Link和Title信息, 底部出现或消失的动画.
[Java] 查看源文件 复制代码
/**
 * 网页Activity
 * 

* Created by wangchenlong on 15/12/7. */ public class WebIntentActivity extends Activity { @Bind(R.id.web_intent_et_title) EditText mEtTitle; @Bind(R.id.web_intent_et_link) EditText mEtLink; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_bottom_sheet); ButterKnife.bind(this); // 获取WebIntent信息 if (isShareIntent()) { ShareCompat.IntentReader intentReader = ShareCompat.IntentReader.from(this); mEtLink.setText(intentReader.getText()); mEtTitle.setText(intentReader.getSubject()); } } @Override protected void onResume() { super.onResume(); // 底部出现动画 overridePendingTransition(R.anim.bottom_in, R.anim.bottom_out); } // 判断是不是WebIntent private boolean isShareIntent() { return getIntent() != null && Intent.ACTION_SEND.equals(getIntent().getAction()); } @Override public void overridePendingTransition(int enterAnim, int exitAnim) { super.overridePendingTransition(enterAnim, exitAnim); } }

动画属性, 沿Y轴变换.
[XML] 查看源文件 复制代码

    
[XML] 查看源文件 复制代码

    
BottomSheet页面, 由两个EditText组成.
[XML] 查看源文件 复制代码



    

    

        

    

    

        

    

注意
设置LinearLayout的android:layout_gravity="bottom|center"属性,
配合样式(Styles)的false属性,
可以在底部显示页面.
749674-a2e94677683310be.png
声明, 添加SEND的Action, BROWSABLE的Category, text/plain的文件类型.
主题设置透明主题. 启动时, 会保留上部半透明, 用于显示网页信息.
[XML] 查看源文件 复制代码
      
            
                

                
                

                
            
        
透明主题, 注意一些关键属性, 参考注释, 不一一列举.
[XML] 查看源文件 复制代码
  
背景颜色windowBackground非常重要, 不是常规颜色, 也可以设置为透明.
[XML] 查看源文件 复制代码

#99323232
3. 主页面
本地HTML文件存放在assets中, 提供在浏览器打开功能.
浏览器打开Web链接非常简单, 打开本地HTML有很多难点.
[Java] 查看源文件 复制代码
/**
 * 测试WebIntent的Demo
 *
 * @author C.L.Wang
 */
public class MainActivity extends AppCompatActivity {

    @SuppressWarnings("unused")
    private static final String TAG = "DEBUG-WCL: " + MainActivity.class.getSimpleName();

    private static final String FILE_NAME = "file:///android_asset/web_intent.html";

    @Bind(R.id.main_wv_web) WebView mWvWeb; // WebView

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        ButterKnife.bind(this);
        Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);

        FloatingActionButton fab = (FloatingActionButton) findViewById(R.id.fab);
        fab.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                // 跳转WebIntentActivity
                startActivity(new Intent(MainActivity.this, WebIntentActivity.class));
            }
        });

        mWvWeb.loadUrl(FILE_NAME);
    }

    @Override public void onBackPressed() {
        // 优先后退网页
        if (mWvWeb.canGoBack()) {
            mWvWeb.goBack();
        } else {
            finish();
        }
    }

    @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();

        // 打开浏览器选项
        if (id == R.id.action_open_in_browser) {
            // 获取文件名, 打开assets文件使用文件名
            String[] as = FILE_NAME.split("/");
            openUrlInBrowser(as[as.length - 1]);
            return true;
        }

        return super.onOptionsItemSelected(item);
    }

    /**
     * 在浏览器中打开
     *
     * @param url 链接(本地HTML或者网络链接)
     */
    private void openUrlInBrowser(String url) {
        Uri uri;
        if (url.endsWith(".html")) { // 文件
            uri = Uri.fromFile(createFileFromInputStream(url));
        } else { // 链接
            if (!url.startsWith("http://") && !url.startsWith("https://")) {
                url = "http://" + url;
            }
            uri = Uri.parse(url);
        }

        try {
            Intent intent = new Intent(Intent.ACTION_VIEW, uri);
            // 启动浏览器, 谷歌浏览器, 小米手机浏览器支持, 其他手机或浏览器不支持.
            intent.setClassName("com.android.browser", "com.android.browser.BrowserActivity");
            startActivity(intent);
        } catch (ActivityNotFoundException e) {
            Toast.makeText(this, "没有应用处理这个请求. 请安装浏览器.", Toast.LENGTH_LONG).show();
            e.printStackTrace();
        }
    }

    /**
     * 存储assets内的文件
     *
     * @param url 文件名
     * @return 文件类(File)
     */
    private File createFileFromInputStream(String url) {
        try {
            // 打开Assets内的文件
            InputStream inputStream = getAssets().open(url);
            // 存储位置 /sdcard
            File file = new File(
                    Environment.getExternalStorageDirectory().getPath(), url);
            OutputStream outputStream = new FileOutputStream(file);
            byte buffer[] = new byte[1024];
            int length;
            while ((length = inputStream.read(buffer)) > 0) {
                outputStream.write(buffer, 0, length);
            }
            outputStream.close();
            inputStream.close();
            return file;
        } catch (IOException e) {
            e.printStackTrace();
        }
        return null;
    }
}

注意:
(1) 浏览器打开assets内文件的方式, 与WebView有所不同,
具体参考createFileFromInputStream函数.
(2) 在浏览器打开时, 需要指定包名, 而且各自浏览器的模式也不一样,
小米支持Google原生调用, 参考openUrlInBrowser函数.
(3) 回退事件的处理方式, 参考onBackPressed函数.








相关源码推荐:

我来说两句
所有评论(10)
chenzhiyonghao 2016-4-23 23:02:02
感谢分享,安卓巴士有你更精彩:)
回复
紫蓝色小猫 2016-6-8 13:48:18
正需要啊,感谢楼主无私分享!
回复
巧克力 2016-6-16 18:10:34
膜拜大神~
回复
heyanjiemao 2016-6-16 18:12:36
感谢分享,mark!
回复
apkbus热心网友 2016-12-26 15:56:24
楼主威武啊,安卓巴士有你更给力!
回复
QQ_D2F818 2017-1-10 16:49:51
正需要啊,感谢楼主无私分享!
回复
树叶上的小蚂蚁 2017-1-10 16:54:25
正需要啊,感谢楼主无私分享!
回复
12下一页
提取码:  下载次数:6 状态:已购或VIP 售价:10(原价:10)金钱 下载权限:初级码农 
2696 0 6
代码贡献英雄榜
用户名 下载数
联系我们
首页/微信公众账号投稿
帖子代码编辑/版权问题
QQ:435399051,1294855032
如何获得代码达人称号?
如何成为签约作者?
领先的中文移动开发者社区
18620764416
7*24全天服务
意见反馈:1294855032@qq.com

扫一扫关注我们

Powered by Discuz! X3.2© 2001-2019 Comsenz Inc.( 粤ICP备15117877号 )