2014年9月16日 星期二

Android Action Bar search 搜尋

前陣子製作側邊欄,參考[Android]使用 Navigation Drawer 製作側選單(1)[Android]使用 Navigation Drawer 製作側選單(2) ,由於上方有個ActionBar,在這裡面介紹的是按鈕,由於想用類似搜尋功能,於是稍作修改,主要修改地方為"Action Button 建立及點選事件"
1.在資料夾res->menu->main.xml修改



2.在資料夾res->layout->建立search_layout.xml 一個編輯,一個按鈕


    
    

    


3.MainActivity.java修改
 private EditText searchName;
 private String searchObject;
 private Button searchButton;
 // ================================================================================
 // Action Button 建立及點選事件
 // ================================================================================
 @Override
 public boolean onCreateOptionsMenu(Menu menu) {
  getMenuInflater().inflate(R.menu.main, menu);
  View v = (View) menu.findItem(R.id.action_search).getActionView();
  //文字編輯部分
  searchName = (EditText) v.findViewById(R.id.search);
  searchName.addTextChangedListener(new TextWatcher() {
   @Override
   public void afterTextChanged(Editable s) {
    // TODO Auto-generated method stub
   }

   @Override
   public void beforeTextChanged(CharSequence s, int start, int count,
     int after) {
    // TODO Auto-generated method stub
   }

   @Override
   public void onTextChanged(CharSequence s, int start, int before,
     int count) {
    // TODO Auto-generated method stub
    try {
     searchObject = searchName.getText().toString(); // 取得輸入文字
    } catch (Exception e) {

    }

   }
  });
  //送出部分
  searchButton = (Button) v.findViewById(R.id.searchGo);
  searchButton.setOnClickListener(new Button.OnClickListener() {
   @Override
   public void onClick(View v) {
    // TODO Auto-generated method stub
    goSearch(); //要做甚麼
   }
  });

  return true;
 }

 @Override
 public boolean onOptionsItemSelected(MenuItem item) {

  // home
  if (drawerToggle.onOptionsItemSelected(item)) {
   return true;
  }

  // action buttons
  switch (item.getItemId()) {
  //用不到,刪掉
  default:
   break;
  }

  return super.onOptionsItemSelected(item);
 }

 void goSearch() {
  if (searchObject == null) {
  //搜尋空值,不做事
  } else {
   Intent intent = new Intent(this, xxxx.class); //前進至xxxx頁面
   intent.putExtra("searchName", searchObject); //傳值
   startActivity(intent); //啟動出發
  }
 }




參考來源:http://blog.stylingandroid.com/basic-actionbar-part5/
http://wptrafficanalyzer.in/blog/adding-custom-action-view-to-action-bar-in-android/

2014年8月21日 星期四

Android Typeface 字型

更改app上的文字字型
首先要下載中文字型
http://lms.ltu.edu.tw/sys/read_attach.php?id=675313
http://lms.ltu.edu.tw/sys/read_attach.php?id=675314
另外提供一個英文字型網站(英文字型多,中文字少)
http://www.fontsaddict.com/

下載完畢後,解壓縮,選擇想要的字型檔(.ttf)
然後再專案裡的assets建立fonts資料夾
想要的字型檔放入fonts資料夾




使用 Typeface 指令即可修改字型
1.activity_main.xml



2.MainActivity.java
 private TextView output;
 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);
  /* 字型 */
  Typeface fontch = Typeface.createFromAsset(getAssets(), "fonts/wt034.ttf");
  output = (TextView) findViewById(R.id.output);
  output.setTypeface(fontch);

 }
參考來源:http://key.chtouch.com/ContentView.aspx?P=216
http://abgne.tw/android/android-code-snippets/android-using-custom-fonts.html

2014年8月15日 星期五

Android ViewPager 前導 說明頁

使用app時會出現前導說明頁
整體流程如下圖
首先要修改先前開機畫面SplashScreen.java檔啟動位置
1.SplashScreen.java
 Intent i = new Intent(SplashScreen.this, Leading.class); //啟動完開機畫面SplashScreen.java後跳轉Leading.java
2.加入Leading.java在AndroidManifest.xml

        
        
3.建立leading.xml,lay1.xml,lay2.xml,lay3.xml
 leading.xml 下方的圓點


    

    

        

        

        
    


lay1.xml 說明頁的第一張圖pic1


    


lay2.xml 說明頁的第二張圖pic2


    



lay3.xml 說明頁的第三張圖pic3+開始體驗Button


    

    


4.Leading.java 說明頁面程式碼
import java.util.ArrayList;
import java.util.List;

import android.app.Activity;
import android.content.Intent;
import android.graphics.Color;
import android.os.Bundle;
import android.os.Parcelable;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.view.LayoutInflater;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.Window;
import android.widget.Button;
import android.widget.TextView;

public class Leading extends Activity {
 private ViewPager myViewPager; // 頁卡內容
 private List list; // 存放頁卡
 private TextView dot1, dot2, dot3; // 這些點都是文字
 private Button startButton; // 按鈕,開始體驗

 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  requestWindowFeature(Window.FEATURE_NO_TITLE);
  setContentView(R.layout.leading);
  initDot();
  initViewPager();
 }

 private void initDot() {
  dot1 = (TextView) this.findViewById(R.id.textView1); // 這些點都是文字
  dot2 = (TextView) this.findViewById(R.id.textView2);
  dot3 = (TextView) this.findViewById(R.id.textView3);
 }

 private void initViewPager() {
  myViewPager = (ViewPager) this.findViewById(R.id.viewPager);
  list = new ArrayList();

  LayoutInflater inflater = getLayoutInflater();

  View view = inflater.inflate(R.layout.lay3, null); // 只是為了等下findviewbuid而獨立拿出來賦給view

  list.add(inflater.inflate(R.layout.lay1, null));
  list.add(inflater.inflate(R.layout.lay2, null));
  list.add(view);
  try {
   myViewPager.setAdapter(new MyPagerAdapter(list));

   myViewPager.setOnPageChangeListener(new MyPagerChangeListener());
  } catch (NullPointerException e) {
  }
  startButton = (Button) view.findViewById(R.id.start); // 與上面對應,獲取這個按鈕

  startButton.setOnClickListener(new OnClickListener() {

   @Override
   public void onClick(View v) {
    Intent intent = new Intent(Leading.this, MainActivity.class); //按下按鈕後跳轉至MainActivity.java

    startActivity(intent);

   }
  });
 }

 class MyPagerAdapter extends PagerAdapter {
  public List mListViews;

  public MyPagerAdapter(List mListViews) {
   this.mListViews = mListViews;
  }

  @Override
  public void destroyItem(View arg0, int arg1, Object arg2) {
   ((ViewPager) arg0).removeView(mListViews.get(arg1));
  }

  @Override
  public void finishUpdate(View arg0) {
  }

  @Override
  public int getCount() {
   return mListViews.size();
  }

  @Override
  public Object instantiateItem(View arg0, int arg1) {
   ((ViewPager) arg0).addView(mListViews.get(arg1), 0);
   return mListViews.get(arg1);
  }

  @Override
  public boolean isViewFromObject(View arg0, Object arg1) {
   return arg0 == (arg1);
  }

  @Override
  public void restoreState(Parcelable arg0, ClassLoader arg1) {
  }

  @Override
  public Parcelable saveState() {
   return null;
  }

  @Override
  public void startUpdate(View arg0) {
  }
 }

 class MyPagerChangeListener implements OnPageChangeListener {

  @Override
  public void onPageSelected(int arg0) {
   // TODO Auto-generated method stub
   switch (arg0) { // 設置點的顏色
   case 0:
    dot1.setTextColor(Color.WHITE);
    dot2.setTextColor(Color.BLACK);
    dot3.setTextColor(Color.BLACK);
    break;

   case 1:
    dot1.setTextColor(Color.BLACK);
    dot2.setTextColor(Color.WHITE);
    dot3.setTextColor(Color.BLACK);
    break;

   case 2:
    dot1.setTextColor(Color.BLACK);
    dot2.setTextColor(Color.BLACK);
    dot3.setTextColor(Color.WHITE);
    break;

   }
  }

  @Override
  public void onPageScrollStateChanged(int arg0) {
   // TODO Auto-generated method stub

  }

  @Override
  public void onPageScrolled(int arg0, float arg1, int arg2) {
   // TODO Auto-generated method stub

  }

 }
}

參考來源:http://blog.segmentfault.com/zhongbaitu/1190000000398209

2014年8月4日 星期一

Android 上架至 google play 問題

基本上參考此連結http://xyz.cinc.biz/2013/06/android-app.html
寫得很清楚,但步驟3完會出現strings.xml錯誤的訊息

找了一下

點選eclipse的 "Window" > "Preferences" > "Android" > "Lint Error Checking"
找到 Id欄 是"MissingTranslation" 點選後Erroe修改成Warning就可以了

參考連結:
http://stackoverflow.com/questions/11443996/lint-how-to-ignore-key-is-not-translated-in-language-errors

2014年7月18日 星期五

Android share 分享功能

分享至facebook,line之類的
1.activity_main.xml
建立一個分享按鈕

2.MainActivity.java
 private Button shareButton;
 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);
  shareButton = (Button) findViewById(R.id.shareButton);
  shareButton.setOnClickListener(new Button.OnClickListener() {
   public void onClick(View v) {
    shareDialog();
   }
  });
 }

 // 分享app
 void shareDialog() {
  
  String shareText = "與你分享的快樂勝過獨自擁有"; //
  //Uri imageUri = Uri.parse("android.resource://" + getPackageName() + "/drawable/" + "ic_launcher"); //分享圖片至gmail、twitter可,line、facebook不行
  //Log.i("imageUri:", imageUri + "");
   Intent shareIntent = new Intent();
   shareIntent.setAction(Intent.ACTION_SEND);
   shareIntent.setType("text/plain"); //文字檔類型
   shareIntent.putExtra(Intent.EXTRA_TEXT, shareText); //傳送文字
   shareIntent.addFlags(Intent.FLAG_GRANT_READ_URI_PERMISSION);
   //shareIntent.setType("image/png"); //圖片png檔類型
  // shareIntent.putExtra(Intent.EXTRA_STREAM, imageUri); //傳送圖片
   startActivity(Intent.createChooser(shareIntent, "分享"));
 }
參考來源:
http://hscc.cs.nctu.edu.tw/~lincyu/Android/ShareText.pdf
http://stackoverflow.com/questions/20333186/how-to-share-imagetext-using-action-send-in-android

2014年7月9日 星期三

Android google map 結合 spinner 下拉式選單

利用下拉式選單選定某個項目後,直接在google map上移到定點
1.activity_main.xml 在地圖下方加入下拉式選單




2.MainActivity.java 以基隆市、台北市85度c為例
private float coordinate[][][] = {
   { { 0, (float) 25.1288160, (float) 121.7404860 },
     { 0, (float) 25.1286310, (float) 121.7594120 },
     { 0, (float) 25.0972380, (float) 121.7122780 } },
   { { 1, (float) 25.0574640, (float) 121.5554840 },
     { 1, (float) 24.9836380, (float) 121.5673320 },
     { 1, (float) 25.0310780, (float) 121.5522090 } },
    }; //設定定點座標
private String[] type = new String[] { "基隆市", "台北市" }; //第一個選單
 private String[] locationName = new String[] { "85度c基隆孝一店", "85度c基隆東信店","85度c七堵明德店" }; //初始選單
 private String[][] type2 = new String[][] {
   { "85度c基隆孝一店", "85度c基隆東信店", "85度c七堵明德店" },
   { "85度c台北光復北店", "85度c木柵木新店", "85度c台北安和店" } };//第二個選單
 private Spinner sp1;// 第一個下拉選單
 private Spinner sp2;// 第二個下拉選單
 private Context context;
 ArrayAdapter adapter;
 ArrayAdapter adapter2;
@Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);

  context = this;
  // 程式剛啟動時載入第一個下拉選單
  adapter = new ArrayAdapter(this,
    android.R.layout.simple_spinner_item, type);
  adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);
  sp1 = (Spinner) findViewById(R.id.type);
  sp1.setAdapter(adapter); //將adapter加入sp1選單
  sp1.setOnItemSelectedListener(selectListener); //第一個選單監聽動作

  // 程式剛啟動時載入第一個下拉選單,所以第二選單要載入第一個選單的子項目
  adapter2 = new ArrayAdapter(this,
    android.R.layout.simple_spinner_item, locationName);
  adapter2.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);
  sp2 = (Spinner) findViewById(R.id.type2);
  sp2.setAdapter(adapter2); //將adapter加入sp2選單
  sp2.setOnItemSelectedListener(selectListener2); //第二個選單監聽動作
 }

 // 第一個下拉選單監聽動作
 private OnItemSelectedListener selectListener = new OnItemSelectedListener() {
  public void onItemSelected(AdapterView parent, View v, int position,
    long id) {
   // 讀取第一個下拉選單是選擇第幾個
   int pos = sp1.getSelectedItemPosition();
   // 重新產生新的Adapter,用的是二維陣列type2[pos]
   adapter2 = new ArrayAdapter(context,
     android.R.layout.simple_spinner_item, type2[pos]);
   // 載入第二個下拉選單Spinner
   sp2.setAdapter(adapter2);

  }

  public void onNothingSelected(AdapterView arg0) {

  }

 };

 // 第二個下拉選單監聽動作
 private OnItemSelectedListener selectListener2 = new OnItemSelectedListener() {
  public void onItemSelected(AdapterView parent, View v, int position,
    long id) {
   setMapLocation(); //移動到選定項目位置的動作
  }

  public void onNothingSelected(AdapterView arg0) {

  }

 };

 public void setMapLocation() {
  try {
   int iSelect1 = sp1.getSelectedItemPosition(); //第一個下拉選單被選到的第幾個項目
   int iSelect2 = sp2.getSelectedItemPosition(); //第二個下拉選單被選到的第幾個項目
   double dLat = coordinate[iSelect1][iSelect2][1]; // 抓取座標,南北緯
   double dLon = coordinate[iSelect1][iSelect2][2]; // 抓取座標,東西經
   LatLng gg = new LatLng(dLat, dLon); //將座標位置輸入設定
   map.moveCamera(CameraUpdateFactory.newLatLng(gg)); //移動到定點
   map.animateCamera(CameraUpdateFactory.zoomTo(15)); //縮放
  } catch (NullPointerException e) {
   Log.i("myLocation", "NullPointException");
  }
 }
參考來源: http://jim690701.blogspot.tw/2012/07/androidspinner_15.html

2014年7月4日 星期五

Android ClassCastException 幽靈錯誤

小技巧
當LogCat出現
Caused by: java.lang.ClassCastException: xxxx cannot be cast to xxxx
這種錯誤時,可以先執行eclips上的Project->clean...
就可以移除這些幽靈的錯誤
參考來源: http://stackoverflow.com/questions/12465551/android-widget-textview-cannot-be-cast-to-android-widget-button