2017年9月14日 星期四

Android-AndroidStudio use Kotlin

要如何在舊有的 AndroidStudio 使用 Kotlin 語法開發?

先確認 AndroidStudio 是否有 Plugin Kotlin










1 . 在 Project guild.gradle

buildscript {
    ext.kotlin_version = '1.1.3-2'
    repositories {
        jcenter()
    }
    dependencies {
        .
        .
        classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version"
        .
        .
    }
}

2 . 在 App guild.gradle
apply plugin: 'com.android.application'
apply plugin: 'kotlin-android'
apply plugin: 'kotlin-android-extensions'

dependencies {
    .
    .
    .
    compile "org.jetbrains.kotlin:kotlin-stdlib-jre7:$kotlin_version"
    . 
    .
    .
}

點擊切換程式語言










更新 Kotlin










直接在 Activity 使用串接包
import kotlinx.android.synthetic.main.activity_base.*


2017年7月18日 星期二

Html-CheckBox 多選選單操作

我們要如何製作一個簡單的單選選單?
要如何取到選單對應的參數?
此篇文章會提到如何使用 JS (JavaScript), JQ (JQuery)


A
B
C
<form>
    <input type="checkbox" name="vehicle" value="0">A<br>
    <input type="checkbox" name="vehicle" value="1">B<br>
    <input type="checkbox" name="vehicle" value="2">C<br>
</form>

如何取出 select radioBox value ?

var valuelist = ''; 

$('input[name="vehicle"]:checked').each(function() {
    valuelist += this.value + ',';
});

Html-RadioBox 單選選單操作

我們要如何製作一個簡單的單選選單?
要如何取到選單對應的參數?
此篇文章會提到如何使用 JS (JavaScript), JQ (JQuery)

Male
Female
Other
<form>
      <input type="radio" name="gender" value="male" checked> Male<br>
      <input type="radio" name="gender" value="female"> Female<br>
      <input type="radio" name="gender" value="other"> Other
</form>

如何取出 select radioBox value ?

var radioVar = $('input[name=gender]:checked').val();

Html-Option 下拉選單操作

我們要如何製作一個簡單的下拉選單?
要如何取到選單對應的參數?文字?
此篇文章會提到如何使用 JS (JavaScript), JQ (JQuery)

以下是範例 :



<select id="selectId" onchange="changeOption();">
  <option value="0">請選擇</option>
  <option value="1">a</option>
  <option value="2">b</option>
  <option value="3">c</option>
  <option value="4">d</option>
</select>

如何取出 select option value ?

var optionVar = $('#selectId').val();

如何取出 select option text ?

var optionText = $('#selectId option:selected').text();

如何設置被選擇的參數 ?
$("#selectId").val("2").change();