2. 程式人生 > >Android Camera開發 給攝像頭預覽介面加個ZoomBar（附完整程式碼下載）

Android Camera開發 給攝像頭預覽介面加個ZoomBar（附完整程式碼下載）

阿新 • • 發佈：2018-12-21
               

廢話不說了，就是加個seekbar，拖動的話能夠調節焦距，讓畫面變大或縮小。下面是核心程式：

一，camera的佈局檔案

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="fill_parent"    android:layout_height="fill_parent"    android:orientation="vertical" >    <TextView
 
        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="@string/BestWish"        tools:context=".StandardCamera" />    <RelativeLayout        android:layout_width="wrap_content"        android:layout_height="wrap_content" >        <FrameLayout
 
            android:layout_width="wrap_content"            android:layout_height="wrap_content" >            <SurfaceView                android:id="@+id/previewSV"                android:layout_width="fill_parent"                android:layout_height="wrap_content" />        </FrameLayout>
 
                <LinearLayout        android:id="@+id/zoomLayout"        android:layout_width="wrap_content"        android:layout_height="40dp"        android:layout_centerInParent="true"        android:layout_centerHorizontal="true"                        android:orientation="horizontal" >        <TextView            android:id="@+id/textView1"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:text="-"            android:textColor="#ffffff"             android:textSize="30dip"/>        <SeekBar            android:id="@+id/seekbar_zoom"            android:layout_width="300dp"            android:layout_height="wrap_content"            android:layout_gravity="center_vertical"           android:progressDrawable="@drawable/seekbar_style"            android:thumb="@drawable/ic_launcher"            android:thumbOffset="0dp" />        <TextView            android:id="@+id/textView2"            android:layout_width="wrap_content"            android:layout_height="wrap_content"             android:text="+"            android:textColor="#ffffff"            android:textSize="30dip" />    </LinearLayout>    </RelativeLayout>        <ImageButton        android:id="@+id/photoImgBtn"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_gravity="center"        android:background="@drawable/photo_img_btn" /></LinearLayout>


其中裡面巢狀的LinearLayout就是那個ZoomBar，最外面我用了相對佈局，發現相對佈局用起來還是很好用的。為了方便以後擴充套件，Camera的SurfaceView用的幀佈局。注意SeekBar的幾個引數，其中的progressDrawable是指那個橫條的形狀，可以直接用個圖片，也可以寫個xml檔案。這裡用的是xml，當然用圖片很簡單。seekbar_style.xml檔案如下：

<?xml version="1.0" encoding="UTF-8"?>   <layer-list xmlns:android="http://schemas.android.com/apk/res/android">     <item android:id="@android:id/background">           <shape>               <corners android:radius="5dip" />               <gradient                       android:startColor="#ff9d9e9d"                       android:centerColor="#ff5a5d5a"                       android:centerY="0.75"                       android:endColor="#ff747674"                       android:angle="270"               />           </shape>       </item>  </layer-list>  


下面的android:thumb是滑動的那個手柄，本來我是寫了一個xml檔案，名字為thumb.xml如下：

<?xml version="1.0" encoding="UTF-8"?><selector xmlns:android="http://schemas.android.com/apk/res/android">    <!-- 按下狀態 -->    <item android:state_focused="true" android:state_pressed="true"><shape android:shape="oval">            <gradient android:angle="0" android:centerColor="#FF00FF00" android:endColor="#000000" android:gradientRadius="8" android:startColor="#FFFF0000" android:type="radial" />            <size android:height="20dip" android:width="20dip"></size>        </shape></item></selector>

無奈啥也顯示不出來，索性直接找了個粗糙的圖片，見諒哈！

二，整個程式的主程式碼：

package yan.guoqi.camera;import java.io.BufferedOutputStream;import java.io.File;import java.io.FileOutputStream;import java.io.IOException;import java.util.List;import yan.guoqi.rectphoto.R;import android.app.Activity;import android.content.Context;import android.graphics.Bitmap;import android.graphics.BitmapFactory;import android.graphics.ColorMatrixColorFilter;import android.graphics.Matrix;import android.graphics.PixelFormat;import android.hardware.Camera;import android.hardware.Camera.AutoFocusCallback;import android.hardware.Camera.Parameters;import android.hardware.Camera.PictureCallback;import android.hardware.Camera.PreviewCallback;import android.hardware.Camera.ShutterCallback;import android.os.Bundle;import android.util.Log;import android.view.Display;import android.view.MotionEvent;import android.view.SurfaceHolder;import android.view.SurfaceView;import android.view.View;import android.view.View.OnClickListener;import android.view.View.OnTouchListener;import android.view.ViewGroup.LayoutParams;import android.view.Window;import android.view.WindowManager;import android.widget.ImageButton;import android.widget.SeekBar;import android.widget.SeekBar.OnSeekBarChangeListener;public class StandardCamera extends Activity implements SurfaceHolder.Callback, PreviewCallback{ private static final String tag="StandardCamera"; private boolean isPreview = false; private SurfaceView mPreviewSV = null; //棰勮SurfaceView private SurfaceHolder mySurfaceHolder = null; private ImageButton mPhotoImgBtn = null; private Camera myCamera = null; private Bitmap mBitmap = null; private AutoFocusCallback myAutoFocusCallback = null; boolean flag = true;  private SeekBar mZoomBar = null; @Override public void onCreate(Bundle savedInstanceState) {  super.onCreate(savedInstanceState);  requestWindowFeature(Window.FEATURE_NO_TITLE);  int flag = WindowManager.LayoutParams.FLAG_FULLSCREEN;  Window myWindow = this.getWindow();  myWindow.setFlags(flag, flag);  setContentView(R.layout.activity_rect_photo);  initView();  mySurfaceHolder = mPreviewSV.getHolder();  mySurfaceHolder.setFormat(PixelFormat.TRANSLUCENT);  mySurfaceHolder.addCallback(this);  mySurfaceHolder.setType(SurfaceHolder.SURFACE_TYPE_PUSH_BUFFERS);  myAutoFocusCallback = new AutoFocusCallback() {   public void onAutoFocus(boolean success, Camera camera) {    // TODO Auto-generated method stub    if(success)    {     Log.i(tag, "myAutoFocusCallback: success...");    }    else    {     Log.i(tag, "myAutoFocusCallback: 澶辮觸浜�?.");    }   }  };    //新增ZoomBar  mZoomBar = (SeekBar)findViewById(R.id.seekbar_zoom);  mZoomBar.setOnSeekBarChangeListener(new OnSeekBarChangeListener() {      public void onStopTrackingTouch(SeekBar seekBar) {    // TODO Auto-generated method stub       }      public void onStartTrackingTouch(SeekBar seekBar) {    // TODO Auto-generated method stub       }      public void onProgressChanged(SeekBar seekBar, int progress,     boolean fromUser) {    // TODO Auto-generated method stub    Parameters p = myCamera.getParameters();    p.setZoom(progress);    myCamera.setParameters(p);   }  }); } public void initView(){  mPreviewSV = (SurfaceView)findViewById(R.id.previewSV);  WindowManager wm = (WindowManager)getSystemService(Context.WINDOW_SERVICE);  Display display = wm.getDefaultDisplay();        LayoutParams lpSV = mPreviewSV.getLayoutParams();        lpSV.width = display.getWidth();        lpSV.height = (int) ((float)display.getHeight()*0.75);        mPreviewSV.setLayoutParams(lpSV);   mPhotoImgBtn = (ImageButton)findViewById(R.id.photoImgBtn);  LayoutParams lp = mPhotoImgBtn.getLayoutParams();  lp.width = 240;  lp.height = 240;    mPhotoImgBtn.setLayoutParams(lp);      mPhotoImgBtn.setOnClickListener(new PhotoOnClickListener());  mPhotoImgBtn.setOnTouchListener(new MyOnTouchListener()); } public void surfaceChanged(SurfaceHolder holder, int format, int width,int height)  {  // TODO Auto-generated method stub    Log.i(tag, "SurfaceHolder.Callback:surfaceChanged!");  initCamera(); } public void surfaceCreated(SurfaceHolder holder)  {  // TODO Auto-generated method stub    myCamera = Camera.open();  try {   myCamera.setPreviewDisplay(mySurfaceHolder);   Log.i(tag, "SurfaceHolder.Callback: surfaceCreated!");  } catch (IOException e) {   // TODO Auto-generated catch block   if(null != myCamera){    myCamera.release();    myCamera = null;   }   e.printStackTrace();  } } public void surfaceDestroyed(SurfaceHolder holder)  {  // TODO Auto-generated method stub  Log.i(tag, "SurfaceHolder.Callback錛歋urface Destroyed");  if(null != myCamera)  {   myCamera.setPreviewCallback(null);    myCamera.stopPreview();    isPreview = false;    myCamera.release();   myCamera = null;       } } public void initCamera(){  if(isPreview){   myCamera.stopPreview();  }  if(null != myCamera){      Camera.Parameters myParam = myCamera.getParameters();   myParam.setPictureFormat(PixelFormat.JPEG);//璁劇疆鎷嶇収鍚庡瓨鍌ㄧ殑鍥劇墖鏍煎紡      //List<Size> pictureSizes = myParam.getSupportedPictureSizes();      //List<Size> previewSizes = myParam.getSupportedPreviewSizes();   //   for(int i=0; i<pictureSizes.size(); i++){   //    Size size = pictureSizes.get(i);   //    Log.i(tag, "initCamera:pictureSizes: width = "+size.width+"height = "+size.height);   //   }   //   for(int i=0; i<previewSizes.size(); i++){   //    Size size = previewSizes.get(i);   //    Log.i(tag, "initCamera:鎽勫儚澶存敮鎸佺殑previewSizes: width = "+size.width+"height = "+size.height);   //   //   }   myParam.setPictureSize(1280, 960);  //   myParam.setPreviewSize(960, 720); //     //myParam.set("rotation", 90);        myCamera.setDisplayOrientation(90);     List<String> focuseMode = (myParam.getSupportedFocusModes());   for(int i=0; i<focuseMode.size(); i++){    Log.i(tag, focuseMode.get(i));    if(focuseMode.get(i).contains("continuous")){     myParam.setFocusMode(Camera.Parameters.FOCUS_MODE_CONTINUOUS_VIDEO);    }    else{     myParam.setFocusMode(Camera.Parameters.FOCUS_MODE_AUTO);    }   }   //設定mZoomBar的最大值   mZoomBar.setMax(myParam.getMaxZoom());   myCamera.setParameters(myParam);      myCamera.startPreview();   myCamera.autoFocus(myAutoFocusCallback);   isPreview = true;  } } ShutterCallback myShutterCallback = new ShutterCallback()  {  public void onShutter() {   // TODO Auto-generated method stub   Log.i(tag, "myShutterCallback:onShutter...");  } }; PictureCallback myRawCallback = new PictureCallback()  {  public void onPictureTaken(byte[] data, Camera camera) {   // TODO Auto-generated method stub   Log.i(tag, "myRawCallback:onPictureTaken...");  } }; PictureCallback myJpegCallback = new PictureCallback()  {  public void onPictureTaken(byte[] data, Camera camera) {   // TODO Auto-generated method stub   Log.i(tag, "myJpegCallback:onPictureTaken...");   if(null != data){    mBitmap = BitmapFactory.decodeByteArray(data, 0, data.length);//data鏄瓧鑺傛暟鎹紝灝嗗叾瑙ｆ瀽鎴愪綅鍥�    myCamera.stopPreview();    isPreview = false;   }   Matrix matrix = new Matrix();   matrix.postRotate((float)90.0);   Bitmap rotaBitmap = Bitmap.createBitmap(mBitmap, 0, 0, mBitmap.getWidth(), mBitmap.getHeight(), matrix, false);   if(null != rotaBitmap)   {    saveJpeg(rotaBitmap);   }   myCamera.startPreview();   isPreview = true;  } }; public class PhotoOnClickListener implements OnClickListener{  public void onClick(View v) {   // TODO Auto-generated method stub   if(isPreview && myCamera!=null){    myCamera.takePicture(myShutterCallback, null, myJpegCallback);    }  } } public void saveJpeg(Bitmap bm){  String savePath = "/mnt/sdcard/rectPhoto/";  File folder = new File(savePath);  if(!folder.exists()) {   folder.mkdir();  }  long dataTake = System.currentTimeMillis();  String jpegName = savePath + dataTake +".jpg";  Log.i(tag, "saveJpeg:jpegName--" + jpegName);  //File jpegFile = new File(jpegName);  try {   FileOutputStream fout = new FileOutputStream(jpegName);   BufferedOutputStream bos = new BufferedOutputStream(fout);   //   Bitmap newBM = bm.createScaledBitmap(bm, 600, 800, false);   bm.compress(Bitmap.CompressFormat.JPEG, 100, bos);   bos.flush();   bos.close();  } catch (IOException e) {   // TODO Auto-generated catch block   e.printStackTrace();  } } public class MyOnTouchListener implements OnTouchListener{  public final  float[] BT_SELECTED=new float[]    { 2, 0, 0, 0, 2,    0, 2, 0, 0, 2,    0, 0, 2, 0, 2,    0, 0, 0, 1, 0 };         public final float[] BT_NOT_SELECTED=new float[]    { 1, 0, 0, 0, 0,    0, 1, 0, 0, 0,    0, 0, 1, 0, 0,    0, 0, 0, 1, 0 };  public boolean onTouch(View v, MotionEvent event) {   // TODO Auto-generated method stub   if(event.getAction() == MotionEvent.ACTION_DOWN){    v.getBackground().setColorFilter(new ColorMatrixColorFilter(BT_SELECTED));    v.setBackgroundDrawable(v.getBackground());   }   else if(event.getAction() == MotionEvent.ACTION_UP){    v.getBackground().setColorFilter(new ColorMatrixColorFilter(BT_NOT_SELECTED));    v.setBackgroundDrawable(v.getBackground());   }   return false;  } } @Override public void onBackPressed() {  // TODO Auto-generated method stub  super.onBackPressed();  StandardCamera.this.finish(); } class UpdateThread implements Runnable{  public void run() {   // TODO Auto-generated method stub   while(flag){    if(myCamera!=null && isPreview)     myCamera.autoFocus(myAutoFocusCallback); //鑷姩鑱氱劍    myCamera.setOneShotPreviewCallback(StandardCamera.this); //onPreviewFrame閲屼細鎺ュ彈鍒版暟鎹�?   myCamera.stopPreview(); //鍋滄棰勮    flag = false;    try {     Thread.sleep(1000);    } catch (InterruptedException e) {     // TODO Auto-generated catch block     e.printStackTrace();    }   }  } } public void onPreviewFrame(byte[] data, Camera camera) {  // TODO Auto-generated method stub }}

需要注意的有以下幾點：

1，為了讓程式適用不同的手機，onCreate函式裡用如下程式碼初始化SurfaceView的大小，避免以前寫死的方法：

 public void initView(){
  mPreviewSV = (SurfaceView)findViewById(R.id.previewSV);
  WindowManager wm = (WindowManager)getSystemService(Context.WINDOW_SERVICE);
  Display display = wm.getDefaultDisplay();
        LayoutParams lpSV = mPreviewSV.getLayoutParams();
        lpSV.width = display.getWidth();
        lpSV.height = (int) ((float)display.getHeight()*0.75);
        mPreviewSV.setLayoutParams(lpSV);

   mPhotoImgBtn = (ImageButton)findViewById(R.id.photoImgBtn);
  LayoutParams lp = mPhotoImgBtn.getLayoutParams();
  lp.width = 240;
  lp.height = 240;  
  mPhotoImgBtn.setLayoutParams(lp);    
  mPhotoImgBtn.setOnClickListener(new PhotoOnClickListener());
  mPhotoImgBtn.setOnTouchListener(new MyOnTouchListener());
 }

2，關於ZoomBar的程式碼片段很簡短，如下：


   mPhotoImgBtn = (ImageButton)findViewById(R.id.photoImgBtn);
  LayoutParams lp = mPhotoImgBtn.getLayoutParams();
  lp.width = 240;
  lp.height = 240;  
  mPhotoImgBtn.setLayoutParams(lp);    
  mPhotoImgBtn.setOnClickListener(new PhotoOnClickListener());
  mPhotoImgBtn.setOnTouchListener(new MyOnTouchListener());
 }
  //新增ZoomBar
  mZoomBar = (SeekBar)findViewById(R.id.seekbar_zoom);
  mZoomBar.setOnSeekBarChangeListener(new OnSeekBarChangeListener() {
   
   public void onStopTrackingTouch(SeekBar seekBar) {
    // TODO Auto-generated method stub
    
   }
   
   public void onStartTrackingTouch(SeekBar seekBar) {
    // TODO Auto-generated method stub
    
   }
   
   public void onProgressChanged(SeekBar seekBar, int progress,
     boolean fromUser) {
    // TODO Auto-generated method stub
    Parameters p = myCamera.getParameters();
    p.setZoom(progress);
    myCamera.setParameters(p);
   }
  });

3，在initCamera函式裡，查詢camera支援的聚焦模式，如果帶連續視訊聚焦則使用連續視訊聚焦，否則使用自動聚焦：


   mPhotoImgBtn = (ImageButton)findViewById(R.id.photoImgBtn);
  LayoutParams lp = mPhotoImgBtn.getLayoutParams();
  lp.width = 240;
  lp.height = 240;  
  mPhotoImgBtn.setLayoutParams(lp);    
  mPhotoImgBtn.setOnClickListener(new PhotoOnClickListener());
  mPhotoImgBtn.setOnTouchListener(new MyOnTouchListener());
 }
List<String> focuseMode = (myParam.getSupportedFocusModes());
   for(int i=0; i<focuseMode.size(); i++){
    Log.i(tag, focuseMode.get(i));
    if(focuseMode.get(i).contains("continuous")){
     myParam.setFocusMode(Camera.Parameters.FOCUS_MODE_CONTINUOUS_VIDEO);
    }
    else{
     myParam.setFocusMode(Camera.Parameters.FOCUS_MODE_AUTO);
    }
   }

4，同樣在initCamera函式裡，設定ZoomBar的最大值：
//設定mZoomBar的最大值
   mZoomBar.setMax(myParam.getMaxZoom());

後續將寫專文分析Camera4.0的原始碼，並且模仿到自己的程式碼中！

           

相關推薦

Android Camera開發 給攝像頭預覽介面加個ZoomBar（附完整程式碼下載）

                廢話不說了，就是加個seekbar，拖動的話能夠調節焦距，讓畫面變大或縮小。下面是核心程式：一，camera的佈局檔案<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    x

玩轉Android Camera開發(一):Surfaceview預覽Camera,基礎拍照功能完整demo

雜家前文是在2012年的除夕之夜倉促完成，後來很多人指出了一些問題，瑣事纏身一直沒有進行升級。後來隨著我自己的使用，越來越發現不出個升級版的demo是不行了。有時候就連我自己用這個demo測一些效能、功能點，用著都不順手。當初程式碼是在linux下寫的，弄到windows裡下

javaWeb文件預覽之office轉pdf（附詳細程式碼）

最近由於專案的需要一直在看文件轉換的開源專案，包括officewebapp、OpenOffice、Libreoffice。後來發現officewebapp在各種線上文庫的預覽中比較常見，但是在實際的部署中需要的安裝配置比較多，並且對系統有要求所以放棄。由於Lib

【微信小程式遇到的坑】使用webSocket實現聊天功能 （支援圖片預覽 + 語音 + 檢視歷史聊天記錄 附完整程式碼）

在一般web服務中，大多使用短連線來向伺服器請求資源，與伺服器的互動頻率低，次數少。而在一些需要與伺服器互動頻繁，需要及時收到伺服器推送的場景，比如直播、聊天、多人實時遊戲，更適合使用 webSocket 進行通訊。 長連的生命週期介紹 webSocket的生命週期一共有

Android 音視頻深入 六 使用FFmpeg播放視頻（附源碼下載）

finished 過濾器 _id urn sta ble 還需要 () com 本篇項目地址，求starhttps://github.com/979451341/Audio-and-video-learning-materials/tree/master/FFmpeg%E6

Android攝像頭：只拍攝SurfaceView預覽介面特定區域內容（矩形框）---完整實現（原理：底層SurfaceView+上層繪製ImageView）

【後注：】下載程式碼的注意，我的手機是4.3寸的屏，華為U9200.如果不能執行的請修改引數。看前文的第四條。Y的，省的說我傳的程式碼不能用  最近一直在審視以前做過的東西，關於android攝像頭預覽，預覽介面上呈現矩形框，在前文（ ）----http://blog.csdn.net/yanzi122

Opencv For Android： 如何顯示攝像頭預覽

它是在 CameraBridgeBase 這個類裡有一個 方法，  deliverAndDrawFrame(CvCameraViewFrame ),   在這個函式裡面， 它將CvCameraViewListener2 的onCameraFrame 返回的Mat 轉換為 b

Android 音視頻深入 十 FFmpeg給視頻加特效（附源碼下載）

frame avi sca desc github cor 濾波器 struct find 項目地址，求starhttps://github.com/979451341/Audio-and-video-learning-materials/tree/master/FFmpe

Android 音視頻深入 十六 FFmpeg 推流手機攝像頭，實現直播 （附源碼下載）

音視頻 FFmpeg RTMP 直播 Android 源碼地址https://github.com/979451341/RtmpCamera/tree/master 配置RMTP服務器，雖然之前說了，這裏就直接粘貼過來吧 1.配置RTMP服務器 這個我不多說貼兩個博客分別是在mac和win

自己動手開發智能聊天機器人完全指南（附完整源碼）

ace 音箱 應用 圖片 先來 來看 ping 12px 搜索引擎 一、前言本文是《自己動手開發智能聊天機器人完全指南（附完整源碼）》的第二篇，也是21天實戰人工智能系列《知識圖譜完全項目案例剖析》裏面的知識圖譜應用的案例。前文中實現了一個最基本的人工智能聊天機器人，其能力

Android 音視頻深入 二 AudioTrack播放pcm（附源碼下載）

實例 固定 回放 chan pla ng- stream 需要 大小 本篇項目地址，名字是錄音和播放PCM，求starhttps://github.com/979451341/Audio-and-video-learning-materials 1.AudioTrack官方

Android 音視頻深入 四 錄視頻MP4（附源碼下載）

rri lba 很多 bytes ... getname 源碼下載 .get coder 本篇項目地址，名字是《錄音視頻（有的播放器不能放，而且沒有時長顯示）》，求star https://github.com/979451341/Audio-and-video-learn

Android 音視頻深入 八 小視頻錄制（附源碼下載）

ram 幀率 用途 設置 ioe wid hub file 個數 本篇項目地址,求starthttps://github.com/979451341/Audio-and-video-learning-materials/tree/master/%E5%B0%8F%E8%A7

Android 音視頻深入 十三 OpenSL ES 制作音樂播放器，能暫停和調整音量（附源碼下載）

音視頻 OpenSL ES 項目地址https://github.com/979451341/OpenSLAudio OpenSL ES 是基於NDK也就是c語言的底層開發音頻的公開API，通過使用它能夠做到標準化, 高性能,低響應時間的音頻功能實現方法。 這次是使用OpenSL ES來做一個音樂播

Android 音視頻深入 十五 FFmpeg 實現基於Rtmp協議的推流（附源碼下載）

音視頻 FFmpeg Rtmp 推流 源碼地址https://github.com/979451341/Rtmp 1.配置RTMP服務器 這個我不多說貼兩個博客分別是在mac和windows環境上的，大家跟著弄MAC搭建RTMP服務器https://www.jianshu.com/p/6fce

Android 音視頻深入 十七 FFmpeg 獲取RTMP流保存為flv （附源碼下載）

音視頻 FFmpeg RTMP 項目地址https://github.com/979451341/RtmpSave 這個項目主要代碼我是從雷神那弄過來的，不愧是雷神，我就配個環境搞個界面就可以用代碼了。 這一次說的是將RTMP流媒體保存成為一個本地的FLV文件。因為播放視頻本身占有很多技術難點，我

Android 音視頻深入 十八 FFmpeg播放視頻，有聲音（附源碼下載）

音視頻 Android FFmpeg 項目地址https://github.com/979451341/AudioVideoStudyCodeTwo/tree/master/FFmpegv%E6%92%AD%E6%94%BE%E8%A7%86%E9%A2%91%E6%9C%89%E5%A3%B0%

Cubietruck開發板折騰001:linaro更新Ubuntu軟體源（附軟體源大全）

      通常官方自帶的軟體源都是官方的，下載速度比較慢，而且有些資源不一定能找到，所以這是我們就會相應的去更新軟體源來提高apt命令下載安裝軟體的速度。    這是linaro系統中的自帶軟體源： deb http://ports.ubu

arcgis api 4.x for js 結合 react 入門開發系列初探篇（附源碼下載）

gin 圖片 earch arc 3.0 del css 編譯配置 root 你還在使用 JQuery 或者 Dojo 框架開發 arcgis api 4.x for js 嗎？想試試模塊化開發嗎？隨著前端技術的發展，arcgis api 4.x for js 也有了結合

arcgis api 4.x for js 結合 react 入門開發系列react全家桶實現加載天地圖（附源碼下載）

style foo 多說 target pat tile es6 wrap 頁面 基於兩篇react+arcgis的文章介紹，相信大家也能體會兩者的開發區別了。在“初探篇”中作者也講述了自己的選擇，故廢話不多說，本篇帶大家體驗在@arcgis/web