android 怎样用html文件

发布网友发布时间：2022-04-20 09:59

共2个回答

懂视网时间：2022-04-20 14:21

本篇文章主要介绍了android中使用Html渲染的方式实现必填项前面的*号示例，具有一定的参考价值，有兴趣的可以了解一下

项目的个人基本信息UI界面效果图如下，有一个红色的*号，并且跟它挨着的文字颜色不一样。简友们，你们是怎么实现的呢？我这里主要介绍一种有Html渲染的方式

一开始，我测试过用一个TextView来单独装载符合，发现如果需求改颜色的时候那所有的TextView都需要改一遍颜色，接着测试了用一个TextView把符合和对应的文字装载在一起，但是发现*符号的高度不好控制，最后觉得用Html渲染的方式最佳。不多说了，开始正文内容。

1、Xml布局(只选取对应的部分)

这里的*符号和文字其实也是公用一个TextView

 <LinearLayout
 style="@style/style_match_line_layout"
 android:layout_marginTop="10dp" >

<!--主要看这个TextView-->
 <TextView
 android:id="@+id/tv_nation"
 style="@style/style_job_textview_text_title"
 tools:text="*民族"
 android:text="@string/tip_nation" />


 <RelativeLayout
 android:id="@+id/view_nation"
 style="@style/style_job_textview_text_message"
 android:clickable="true" >

 <EditText
 android:id="@+id/et_nation"
 style="@style/style_editext"
 android:hint="@string/tip_please_select" />

 <ImageView style="@style/style_editext_image_arrow" />
 </RelativeLayout>
 </LinearLayout>

2、创建对应String资源

这里可以单独设置*符号和文字的颜色、加粗等操作

代码如下:

<string name="tip_xinghao_nation"><Data><![CDATA[<font color="#e60012"> *</font><font color="#189dde">民族 : </font>]]></Data></string>

3、java代码中实现渲染

tvNation.setText(Html.fromHtml(getString(R.string.tip_xinghao_nation)));

到这里就可以实现效果图里面的效果了，如果更改*符号和文字颜色和大小的时候，统一在String资源哪里更改就可以了。

热心网友时间：2022-04-20 11:29

html页面（命名：Android.html放在assets文件夹下）：：：：：
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "
<html xmlns="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script language="javascript" type="text/javascript">
function get4Android(str){
document.getElementById("show").innerHTML="This is a message from android:"+str;
}
</script>
</head>
<body>
  <div id="show"></div>
</body>
</html>

Text.java代码：：：
import android.app.Activity;
import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.text.Editable;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.View.OnTouchListener;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.Button;
import android.widget.EditText;
import android.widget.TextView;

public class Text extends Activity implements OnClickListener {

    private Button button;
    private TextView text;
    private WebView web;
    private EditText edit;
    private Handler handler;

    private void initView() {
        button = (Button) this.findViewById(R.id.button2);
        web = (WebView) this.findViewById(R.id.webView1);
        edit = (EditText) this.findViewById(R.id.editText1);
        button.setOnClickListener(this);
    }

    private void setWebView() {
        web.setWebViewClient(new WebViewClient());
        web.requestFocus();
        WebSettings setting = web.getSettings();
        setting.setJavaScriptEnabled(true);
        web.setOnTouchListener(new OnTouchListener() {

            @Override
            public boolean onTouch(View v, MotionEvent event) {
                web.requestFocus();
                return false;
            }
        });
        web.addJavascriptInterface(new SendAndroid(), "theKey");
        web.loadUrl("file:///android_asset/android.html");
    }

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        initView();
        setWebView();

        handler = new Handler() {
            public void handleMessage(android.os.Message msg) {
                String str = msg.obj.toString();
                text.setText(str);
            };
        };
    }

    @Override
    public void onClick(View v) {
            Editable editable = edit.getText();
            web.loadUrl("javascript:get4Android(\"" + editable.toString()
                    + "\")");
    }

    class SendAndroid {
        public void runOnAndroidJavaScript(final String str) {
            new Thread(new Runnable() {
                @Override
                public void run() {
                    System.out.println("******" + str);
                    Message mes = handler.obtainMessage();
                    mes.obj = str;
                    handler.sendMessage(mes);
                }
            }).start();

        }
    }
}

主要是：web.loadUrl("javascript:get4Android(\"" + editable.toString()+ "\")");中的“javascript:get4Android”要和html中的【function get4Android(str){
document.getElementById("show").innerHTML="This is a message from android:"+str;
}】方法名相同