① 如何利用html5開發android界面
三種解決方式:1 viewport屬性 2 CSS控制 3 JS控制
1 viewport屬性放在HTML的<meta>中
<SPAN style="FONT-SIZE: x-small"> <head>
<title>Exmaple</title>
<meta name=」viewport」 content=」width=device-width,user-scalable=no」/>
</head></SPAN>
meta中viewport的屬性如下
<SPAN style="FONT-SIZE: x-small"> <meta name="viewport"
content="
height = [pixel_value | device-height] ,
width = [pixel_value | device-width ] ,
initial-scale = float_value ,
minimum-scale = float_value ,
maximum-scale = float_value ,
user-scalable = [yes | no] ,
target-densitydpi = [dpi_value | device-dpi |
high-dpi | medium-dpi | low-dpi]
"
/></SPAN>
2 CSS控制設備密度
為每種密度創建獨立的樣式表(注意其中的webkit-device-pixel-ratio 3個數值對應3種解析度)
<link rel="stylesheet" media="screen and (-webkit-device-pixel-ratio: 1.5)" href="hdpi.css" />
<link rel="stylesheet" media="screen and (-webkit-device-pixel-ratio: 1.0)" href="mdpi.css" />
<link rel="stylesheet" media="screen and (-webkit-device-pixel-ratio: 0.75)" href="ldpi.css" />
在一個樣式表中,指定不同的樣式
② android界面跳轉怎麼實現
沒明白你的跳轉是要幹嘛!但是下面給你說下!Intent是跳轉頁面用的
你可以在Button 監聽事件裡面寫Intent in=new Intent(A.this,B.class);startActivity(in);<A指的的當前Activity 的名字,B 是指要跳轉的Activity 的名字,記住要在AndrioidManifest.xml聲明這些Activity,不然會報錯的>
③ android ui設計
下載安卓界面工具,打開界面工具,熟悉界面功能。
認真練習體會android的八種布局方式,其中absolutelayout,framelayout,Linearlayout,relativelayout,tablelayout.可以直接拖曳,布局方式
然後在布局基礎上放控制項,widgets有點擊類,編輯類,日期時間等。properties。是具體微調。
可以進行button,autocomplete等的設計。包括畫廊,日期時間,選項卡的設計。
最後一步,進行文件xml的保存,保存後的文件可以直接應用於android的UI設計。功能的實現主要依靠於code的控制。至此,android界面的簡單設計就完成了。
④ AndroidUI的適配有哪些
字體使用sp,使用dp,多使用match_parent,wrap_content,weight
圖片資源,不同圖片的的解析度,放在相應的文件夾下可使用百分比代替。
⑤ 什麼是安卓游戲UI設計
你可以先去【繪學霸】網站找「游戲UI」板塊的【免費】視頻教程-【點擊進入】完整入門到精通視頻教程列表: www.huixueba.net/web/AppWebClient/AllCourseAndResourcePage?type=1&tagid=332&zdhhr-11y17r-1888536262917440108
想要系統的學習可以考慮報一個網路直播課,推薦CGWANG的網路課。老師講得細,上完還可以回看,還有同類型錄播課可以免費學(贈送終身VIP)。
自製能力相對較弱的話,建議還是去好點的培訓機構,實力和規模在國內排名前幾的大機構,推薦行業龍頭:王氏教育。
王氏教育全國直營校區面授課程試聽【復制後面鏈接在瀏覽器也可打開】: www.cgwang.com/course/yxuicoursemobile/?zdhhr-11y17r-1888536262917440108
在「游戲界面設計,游戲圖標設計」領域的培訓機構里,【王氏教育】是國內的老大,且沒有加盟分校,都是總部直營的連鎖校區。跟很多其它同類型大機構不一樣的是:王氏教育每個校區都是實體面授,老師是手把手教,而且有專門的班主任從早盯到晚,爆肝式的學習模式,提升會很快,特別適合基礎差的學生。
大家可以先把【繪學霸】APP下載到自己手機,方便碎片時間學習——繪學霸APP下載: www.huixueba.com.cn/Scripts/download.html
⑥ 如何利用html5開發android界面
H5開發安卓界面需要注意以下三點:
(上)包括Android設備多解析度的問題,Android中構建HTML5應用程序基礎
(中)包括Android與JS之間的互動,Android處理JS的警告對話框等,Android中的調試
(下)包括本地儲存在Android中的應用,地理位置的應用,離線應用的構建
進入正題
● Android設備多解析度的問題
Android瀏覽器默認預覽模式瀏覽 會縮小頁面 WebView中則會以原始大小顯示
Android瀏覽器和WebView默認為mdpi。hdpi相當於mdpi的1.5倍 ldpi相當於0.75倍
三種解決方式:1 viewport屬性 2 CSS控制 3 JS控制
1 viewport屬性放在HTML的<meta>中
html代碼:
<span style="font-size: x-small;"> <head>
<title>Exmaple</title>
<meta name=」viewport」 content=」width=device-width,user-scalable=no」/>
</head></span>
meta中viewport的屬性如下:
<span style="font-size: x-small;"> <meta name="viewport"
content="
height = [pixel_value | device-height] ,
width = [pixel_value | device-width ] ,
initial-scale = float_value ,
minimum-scale = float_value ,
maximum-scale = float_value ,
user-scalable = [yes | no] ,
target-densitydpi = [dpi_value | device-dpi |
high-dpi | medium-dpi | low-dpi]
"
/>
</span>
2 CSS控制設備密度
為每種密度創建獨立的樣式表(注意其中的webkit-device-pixel-ratio 3個數值對應3種解析度)
html代碼:
<link rel="stylesheet" media="screen and (-webkit-device-pixel-ratio: 1.5)" href="hdpi.css" />
<link rel="stylesheet" media="screen and (-webkit-device-pixel-ratio: 1.0)" href="mdpi.css" />
<link rel="stylesheet" media="screen and (-webkit-device-pixel-ratio: 0.75)" href="ldpi.css" />
3 JS控制
Android瀏覽器和WebView支持查詢當前設別密度的DOM特性
window.devicePixelRatio 同樣值有3個(0.75,1,1.5對應3種解析度)
JS中查詢設備密度的方法
js代碼:
if (window.devicePixelRatio == 1.5) {
alert("This is a high-density screen");
} else if (window.devicePixelRation == 0.75) {
alert("This is a low-density screen");
}
Android中構建HTML5應用
使用WebView控制項 與其他控制項的使用方法相同 在layout中使用一個<WebView>標簽
WebView不包括導航欄,地址欄等完整瀏覽器功能,只用於顯示一個網頁。
⑦ 安卓界面開發需要什麼軟體
我也是做java開發的,但是是javaWeb,不過因為有同事做安卓手機軟體開發,所以開發工具的選擇還是知道的。一般就是用Eclipse+Android SDK,後者就是Eclipse的插件,網上很容易下載到。希望我的回答能幫助你!
⑧ 如何在安卓界面中插入圖片
先將一個.png的背景圖片存入工程中res/drawble(當然drawble-hdpi、drawble-mdpi、drawble-ldpi中一個或者幾個文件夾都可)文件夾中。假如存入的圖片名稱為activity_bg.png
第一種,在對應的布局文件(自動生成的工程默認文件是在res/layout中的main.xml)中的LinearLayout(默認)屬性中添加android:background="@drawable/activity_bg"
第二種,在你要添加背景的activity的類文件中setContentView(R.layout.main);(默認)之後添加一句getWindow().setBackgroundDrawableResource(R.drawable.activity_bg);
兩種方法都能實現在activity中添加背景,第二種方法一定要先setContentView()再設背景,不然報錯
⑨ 安卓ui方面活動跳轉用什麼函數
android程序一般不會只有一個activity,會碰到activity之間的跳轉。以下是使用Intent做應用程序內部的activity做跳轉。
比如,應用程序第一個activity是:
這需要寫兩個Activity類。第一個是:MainActivity
package com.easymorse;
import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
public class MainActivity extends Activity {
private Button button;
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
this.button = (Button) this.findViewById(R.id.Button01);
this.button.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
Intent intent = new Intent();
intent.setClass(MainActivity.this, NextActivity.class);
startActivity(intent);
}
});
}
}
第二個是:NextActivity
package com.easymorse;
import android.app.Activity;
import android.os.Bundle;
public class NextActivity extends Activity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
this.setContentView(R.layout.next_activity);
}
}
然後,要在AndroidManifest.xml中增加這兩個Activity的聲明。在string.xml中增加常量字元串:
<?xml version=」1.0″ encoding=」utf-8″?>
<resources>
<string name=」hello」>Hello World, MainActivity!</string>
<string name=」app_name」>activity.forward.demo</string>
<string name=」next_button」>下一步</string>
</resources>
layout目錄下創建NextActivity的布局文件聲明,比如next_activity.xml:
<?xml version=」1.0″ encoding=」utf-8″?>
<LinearLayout
xmlns:android=」http://schemas.android.com/apk/res/android」
android:layout_width=」wrap_content」
android:layout_height=」wrap_content」>
<TextView android:text=」@string/next_button」 android:id=」@+id/TextView01″ android:layout_width=」wrap_content」 android:layout_height=」wrap_content」></TextView>
</LinearLayout>
這種情況下,如果按回退鍵將回到MainActivity。如果不希望回退到前一個activity,而是退出。需要這樣:
this.button.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
Intent intent = new Intent();
intent.setClass(MainActivity.this, NextActivity.class);
startActivity(intent);
finish();
⑩ android怎麼更新UI
首先,android的UI刷新是在主線程(UI線程)中完成的。四大組件中,activity和service運行在主線程中。現在總結自己在項目中常用到的UI刷新方式。
第一,利用子線程發消息刷新UI。
子線程負責處理UI需要的數據,然後發消息到主線程來刷新UI。代碼結構如下:
new Thread(new Runnable() {
@Override
public void run() {
Person person=new Person();
person.setName(mName.getText().toString().trim());
person.setPhone(mPhone.getText().toString().trim());
Log.i("person",person.toString());
DatabaseInfoFactory.getPersonDao(mContext).addPerson(person);
Looper.prepare();
Message msg=Message.obtain();
msg.what=0x123456;
handler.sendMessage(msg);
Looper.loop();
}
}).start();
主線程中:
private Handler mHandler=new Handler(){
@Override
public void handleMessage(Message msg) {
// TODO Auto-generated method stub
super.handleMessage(msg);
if(msg.what==0x123456||msg.what==0x123){
fillData();
setListener();
}
}
};
第二,利用非同步任務更新UI。代碼結構如下:
new AsyncTask<void,void,void>() {
@Override
protected void onPostExecute(Void result) {
if(mAdapter==null){
mAdapter=new LeaveInfoAdapter();
//設置數據適配器
mLVleaveInfos.setAdapter(mAdapter);
Log.i("測試", "非同步任務顯示後台獲得資料庫數據");
}
else {
mAdapter.notifyDataSetChanged();
}
super.onPostExecute(result);
}
@Override
protected Void doInBackground(Void... params) {
//獲得要顯示的數據
mleaveInfos=mLeaveInfosDao.findAll();
if (mleaveInfos==null) {
Toast.makeText(HomeActivity.this,"請假數據不存在或是已經清除!", 500).show();
}
Log.i("測試", "非同步任務後台獲得資料庫數據"+mleaveInfos.size());
return null;
}
}.execute();</void,void,void>
第三,利用配置文件+activity的生命周期方法刷新UI。