欢迎Follow我的GitHub, 关注我的. 其余参考Android目录.
本文的合集已经编著成书，高级Android开发强化实战，欢迎各位读友的建议和指导。在京东即可购买：https://item.jd.com/12385680.html
人们每天都要访问大量的手机网页, 如果把手机网页(Web)和应用(App)紧密地联系起来, 就可以增大用户的访问量, 也有其他应用场景, 如网页中调用支付链接, 新闻中启动问诊界面, 提供优质的原生功能等等.
如何在网页(Web)中, 通过Intent直接启动应用(App)的Activity呢?
本文主要有以下几点:
(1) 如何在Web中发送原生的Intent消息.
(1) 如何加载本地的HTML页面到浏览器.
(2) 如何创建半透明的Activity页面.
本文源码的GitHub下载地址
1. 配置项目
新建HelloWorld工程. 添加ButterKnife支持.
compile 'com.jakewharton:butterknife:7.0.1'
2. BottomSheet
逻辑, 添加ShareIntent的监听, 即网页链接触发的Intent, 提取Link和Title信息, 底部出现或消失的动画.
/**
* 网页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轴变换.
BottomSheet页面, 由两个EditText组成.
注意
设置LinearLayout的android:layout_gravity="bottom|center"属性,
配合样式(Styles)的属性,- false
可以在底部显示页面.
声明, 添加SEND的Action, BROWSABLE的Category, text/plain的文件类型.
主题设置透明主题. 启动时, 会保留上部半透明, 用于显示网页信息.
透明主题, 注意一些关键属性, 参考注释, 不一一列举.
背景颜色windowBackground非常重要, 不是常规颜色, 也可以设置为透明.
#99323232
3. 主页面
本地HTML文件存放在assets中, 提供在浏览器打开功能.
浏览器打开Web链接非常简单, 打开本地HTML有很多难点.
/**
* 测试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函数.
就这些了, 在浏览器的HTML5页面中, 可以添加更多和本地应用的交互.
OK, Enjoy It.