当前位置: 代码迷 >> Android >> android dip与px其间的换算工具
  详细解决方案

android dip与px其间的换算工具

热度:35   发布时间:2016-05-01 12:59:47.0
android dip与px之间的换算工具
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><HEAD><META content="text/html; charset=utf-8" http-equiv=Content-Type><SCRIPT>			var LDPI = 120;		var MDPI = 160;		var HDPI = 240;		var XHDPI = 320;				var BASE_DPI = MDPI;			//pixel = dps * ( density / 160)		//dps = pixel / ( density/160 )		function calc()		{			//work out DPS at current rate						var unit = document.getElementById("unit").value;			var d = document.getElementById("density").value;						if (isNaN(parseInt(document.getElementById("value").value)))			{				res="Unit must be a number."			}			else			{							if (unit == "px")				{?var p = parseInt(document.getElementById("value").value);?????var dp = p / (d / BASE_DPI);????}????else ????{?????var dp = parseInt(document.getElementById("value").value);?????var p = dp * (d / BASE_DPI);????}????????????????//get all settings.????var low_p = dp * (LDPI / BASE_DPI);????var med_p = dp * (MDPI / BASE_DPI);????var high_p = dp * (HDPI / BASE_DPI);????var xhigh_p = dp * (XHDPI / BASE_DPI);????????????????????var res="<table>";?????res += "<tr><td>ldpi</td><td>@ "? + dp.toFixed(2) +"dp </td><td> = " + low_p.toFixed(2) +"px"+"</td></tr>";?????res += "<tr><td>mdpi</td><td>@ "? + dp.toFixed(2) +"dp </td><td>= " + med_p.toFixed(2) +"px"+"</td></tr>";?????res += "<tr><td>hdpi</td><td>@ "? + dp.toFixed(2) +"dp </td><td>= " + high_p.toFixed(2) +"px"+"</td></tr>";?????res += "<tr><td>xhdpi</td><td>@ " + dp.toFixed(2) +"dp </td><td>= " + xhigh_p.toFixed(2) +"px"+"</td></tr>";????res+="</table>"???}?????????document.getElementById("result").innerHTML=res;??}????function unitChange()??{???var el = document.getElementById("density");???var unit = document.getElementById("unit").value;??????if (unit == "dp")????el.disabled =true;???else ????el.disabled =false;?????calc();??}??</SCRIPT>
<STYLE>BODY {	FONT-FAMILY: verdana}LEGEND {	FONT-SIZE: 18px}#content {	MARGIN-TOP: 100px; WIDTH: 500px; MARGIN-LEFT: auto; MARGIN-RIGHT: auto}FIELDSET {	WIDTH: 500px}P {	FONT-SIZE: 10px}#result {	MARGIN-TOP: 20px; MARGIN-BOTTOM: 20px}A {	FONT-SIZE: 10px}</STYLE> ??

?

1 楼 Mr.Cheney 前天  
<META name=GENERATOR content="MSHTML 8.00.6001.19258"></HEAD><BODY><DIV id=content><FIELDSET><LEGEND>Android DP / PX converter</LEGEND><P>Enter either a DP (density independent pixel) value, or a PX (pixel) value below. If you use pixels, you can set the screen density that it currently displays on. </P><INPUT style="WIDTH: 50px" id=value onkeyup=calc()> <SELECT id=unit onchange=unitChange()> <OPTION selected value=px>px</OPTION> <OPTION   value=dp>dp</OPTION></SELECT> <LABEL for=density>@</LABEL> <SELECT id=density onchange=calc()> <OPTION value=120>Low density (120), ldpi</OPTION> <OPTION   selected value=160>Medium density (160), mdpi</OPTION> <OPTION value=240>High   density (240), hdpi</OPTION> <OPTION value=320>Extra high density (320),   xhdpi</OPTION></SELECT> <DIV id=result></DIV><A href="http://developer.android.com/guide/practices/screens_support.html" target=new>Android API : supporting multiple screens</A> </FIELDSET> </DIV></BODY></HTML>
  相关解决方案