㈠ ionic 調用攝像頭 截圖保存呢時閃退
①如果要保存照片,需要設置destinationType是返回圖像路徑,然後設置saveToPhotoAlbum: true,這兩個參數都設置才能保存照片,我發現如果設置了長和寬保存的照片質量會很差,去掉的畫質量不錯。但我Android會默認存到
file://storage/sdcard0/Pictures中,我手機相冊沒識別出來。而且這個時候雖然設置allowEdit: true,但是返回來的是源文件的路徑,這個剪裁功能等於沒有用。
②如果要截取圖片,要設置allowEdit: true,設置長和寬,並且destinationType返回的是base64位編碼字元串。
③當設置sourceType: Camera.PictureSourceType.CAMERA時,這個時候的選擇圖庫的界面很難看,需要設置sourceType為0或者2這個時候調用的就是系統的圖庫,好看點。所以我們實現拍照,然後在拍照的成功回調中調用打開相冊選擇圖片,效果會好一點。
④長和寬的設置隻影響剪裁框的大小,也就是如果返回base64會影響圖片的大小,返回uri不會影響。
⑤有可能會出現base64上傳後圖片自動旋轉90度的問題,correctOrientation設置true即可
cordova-plugin-camera 插件說明文檔
中文文檔:http://www.jianshu.com/p/184f9d704c71
英文文檔:https://www.npmjs.com/package/cordova-plugin-camera#camerapopoveroptions
㈡ 如何搭建Ionic環境以及打包成安卓apk
1.Ionic是什麼?Ionic的生態系統基於Angular和Cordova,前者是web應用框架,後者是構建和打包原生應用的工具。Ionic是將HTML,CSS,JS,Angular,Cordova等技術進行整合,成為一個非常強大的移動端應用開發平台。
2.如何搭建環境?
如果你現在要使用Ionic來架構應用,你應用要有以下幾個步驟。
1>安裝node.js。可以訪問[nodejs官網](http://nodejs.org)下載對應平台的安裝包。如果你已經安裝了node,請把它升級為最新版本。安裝完成後,可以在OS X的終端後者windows的命令提示符中運行下面的代碼來驗證是否安裝成功。
$ node -v1
如果出現版本號說明安裝成功。(忽略$符號,以下同理)
2>安裝Ionic和Cordova。使用一條命令就能安裝Ionic和Cordova。執行之前請確保你已經安裝了git:
$ npm install -g cordova ionic1
這條命令需要一點時間,請耐心等待。安裝完成後,運行下面的命令來確認已經安裝成功:
$ cordova -v
$ ionic -v 12
同樣,這里出現版本號說明安裝成功。注意:這里需要配置node的環境變數,如果你不清楚環境變數如何配置,網路一下啦!
3.是時候創建一個應用了。
Ionic提供了一個簡單的start命令,幾秒就可以創建一個新項目,在你想要創建項目的文件夾下運行如下代碼就可以輕松創建:
$ ionic start demo
$ cd demo12
程序可能會問你是否創建一個Ionic賬戶,暫時可以無視它。ok創建成功後,你可以在你的文件下面看到demo文件夾,進入文件夾,你可以看到一串目錄。這是Ionic的默認模板。
重點介紹以下www目錄,這里進去我們可以看到css,js,lib,image,index,template等文件或者文件夾,這里前端人士應該很熟悉啦,這里就是你這個應用所有的前端代碼,在這裡面編寫你的代碼吧!
Ionic有個很牛叉的地方,當你輸入如下代碼後,你可以在瀏覽器中預覽應用,當你在編寫代碼的時候,只需要保存,頁面就好自動刷新,而不需要你手動刷新頁面,這個angular又更進一步啦!很神奇有木有...
$ ionic serve1
執行的時候會提醒你選擇地址,多數情況下選擇localhost即可。程序會自動打開電腦中的默認瀏覽器並訪問8100埠。你也可以直接在瀏覽器中輸入localhost:8100。這里建議使用Chrome或者Safari。IOS的WebView使用的是Safari,Android使用的是Android瀏覽器(跟Chrome的相似度極高)。所以很明顯看到用這兩個瀏覽器模擬的好處,嘿嘿!
4.如何編譯並發布應用?當你已經順利完成你的應用代碼部分的時候,你現在所需要的就是將你的應用打包並且發布了。
第一步:創建一個獨一無二的圖標。圖標的設計無非有以下幾點:簡單,讓人印象深刻,不受尺寸限制,顏色不要太復雜。創建好你的圖標之後,請以png/psd/AI格式保存在resource/android/icon.png和resource/android/icon.png。然後使用如下命令,就可以生成不同尺寸的圖標:
$ ionic resources -icon1
第二步:創建啟動頁面圖片。啟動畫面的源文件至少需要2208px×2208px,創建完成後,保存為
resource/android/splash.png和resource/android/splash.png。
然後使用如下命令就可以生成不同尺寸的啟動畫面圖片:
$ ionic resources --splash1
第三步:編譯Android應用(這里以安卓應用為例)。
1>配置應用的簽名。使用如下命令來配置你的簽名(keystore):
$ keytool -genkey -v -keystore know_your_brew.keystore -alias know_your_brew -keyalg RSA -keysize 2048 -validity 100001
注意:請使用你應用的名字來替代know_your_brew.這個命令可以生成一個新文件,在本示例中為know_your_brew.keystore。
在應用的整個生命周期中將重復使用同一個keystore,請保存好它。
2>使用Cordova編譯應用。使用build命令編譯一個應用的發布版本:
$ cordova build --release android1
這個命令會生成一個新的apk文件。此時還未簽名。
3>簽名應用文件。現在我們要用之前創建的keystore文件來簽名生成的未簽名版本的應用。使用如下命令來簽名:
$ jarsigner -verbose -sigalg SHALwithRSA -digestalg SHAL -keystore know_your_brew.keystore unsigned_name.apk know_your_brew1
注意:這里請使用keystore生成文件名來替換know_your_brew示例名稱,同時用真實的應用文件名替換掉unsigned_name.apk。
這個過程需要一點時間,期間會提示輸入keystore的密碼。命令會修改apk文件並對其進行簽名。
㈢ ionic滑動框,能一進入頁面就從一個指定的ion-slide開始顯示嗎
在ionic 中, 圖片的上傳預覽或者瀏覽中,類似微信中 可以點擊到第N長圖片後,預覽的ion-slide-box 中能首先顯示指定的 那一頁,還有圖片的位置的居中???如何居中???
據圖瀏覽頁面的 <ion-content > 部分代碼:
<ion-content >
<ion-slide-box on-slide-changed="showall()"
show-pager="{{lookpictureInfo.pictures.length>1?true:false}}"
ng-style="allWindow_style"
>
<ion-slide ng-repeat="(index, picture) in lookpictureInfo.pictureList"
>
<ion-scroll zooming="true"
direction="xy"
style="text-align: center;
vertical-align: middle;
"
ng-style="allWindow_style"
>
<div >
<img ng-style="img_style" ng-src="{{picture.url}}">
</div>
</ion-scroll>
</ion-slide>
</ion-content>效果圖:
㈣ ionic 打包的apk怎麼替換圖標
修改項目目錄下config.xml--name標簽
END
APP圖標和啟動畫
在項目的根目錄下創建resources文件夾
在文件夾中都放入
icon.png(應用圖標,最小192x192px,不帶圓角),
splash.png(啟動屏幕,最小2208x2208px,中間區域1200x1200px)
(可以是png、psd、ai)
在cmd中進入項目所在文件夾執行:ionic resources
出現問題:"Invalid upload: unable to read uploaded image"
解決問題:把圖片格式給換成了ai格式
然後再執行ionic resources
(如果有其他方法,小夥伴可以告訴我)
執行該命令後,會自動在resources文件夾下創建已添加的平台名稱的文件夾,如:android,其中會自動將圖片進行縮放、裁剪,生成不同解析度的圖片,並在config.xml中添加相應內容
㈤ 在前端中如何建立一個images包用於網頁中引用圖片更加方便 主要是不知道建立的包是什麼類型的
images包指的是?在前端中一般會有一個images文件夾,裡面可能回放3樣文件,1.普通圖片(包括各種格式的圖片,例如jpg 、png、fig、等)2.圖標,也是圖片,但是一般比較小,多為矢量圖(也可以直接和普通圖片放在一起)3.字體圖標如:ionic或者其他的字體圖標
㈥ 在ionic3中如何實現隨機布局瀑布流
說明你沒有看他的源碼,圖片的寬度肯定不一樣的,指定圖片寬度為屏幕的三分之一,然後縮放.
㈦ ionic 中怎麼解決中文亂碼的問題
的頁面從資料庫中獲取的數據(通過後台查詢拼接的一個字元串),中文為什麼亂碼了?...全部(5 )TommoLC...的其它問題 ionic項目中怎麼進行用圖片代替checkbox(2回/...
㈧ ionic 怎麼將表單數據上傳到伺服器
最原生的方法: 用 標簽包裹一些表單元素(比如)和提交按鈕(),即可完成提交了。 記得給 form 設置提交地址(action 屬性)
㈨ ionic2中測試上傳照片怎麼弄
啊哈哈,知音啊。。。想當年我傳大(絕對在要求尺寸里的)的它提示太大,需要XXX尺寸,我傳了,它又說太小。。。這樣顛來倒去,我都快掀桌了。。。最後解決方法。。。只要你沒弄錯,多傳幾遍就好了。。。就是系統犯抽
㈩ 怎麼將本地文件上傳到遠程git倉庫
1、(先進入項目文件夾)通過命令 git init 把這個目錄變成git可以管理的倉庫
git init
2、把文件添加到版本庫中,使用命令 git add .添加到暫存區裡面去,不要忘記後面的小數點「.」,意為添加文件夾下的所有文件
git add .
3、用命令 git commit告訴Git,把文件提交到倉庫。引號內為提交說明
git commit -m 'first commit'
4、關聯到遠程庫
git remote add origin 你的遠程庫地址
如:
git remote add origin https://github.com/cade8800/ionic-demo.git
5、獲取遠程庫與本地同步合並(如果遠程庫不為空必須做這一步,否則後面的提交會失敗)
git pull --rebase origin master
6、把本地庫的內容推送到遠程,使用 git push命令,實際上是把當前分支master推送到遠程。執行此命令後會要求輸入用戶名、密碼,驗證通過後即開始上傳。