2014/08/22

[jQuery][jqplot]円の影を調整

円の影を調整する方法

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="./jquery.jqplot.min.js"></script>
<script src="./plugins/jqplot.pieRenderer.min.js"></script>
$.jqplot('piechart', [['bar',97],['hoge',3]], {
  seriesDefaults: {
    renderer: $.jqplot.PieRenderer,
    rendererOptions: {
      showDataLabels: true,
      shadowOffset:0
    }
  },
  legend: { show:true, location: 'e' }
});
shadowOffsetキーの値を変更すればおk

ちなみに上の場合は影が表示されない。

2014/08/21

[jQuery][jqplot]円グラフを開始地点を変更

デフォルトでは、円グラフの開始位置は、0度となっているが、変更したい場合は、どうすればいいのだろうか?

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="./jquery.jqplot.min.js"></script>
<script src="./plugins/jqplot.pieRenderer.min.js"></script>

$.jqplot('piechart', [['bar',97],['hoge',3]], {
  seriesDefaults: {
    renderer: $.jqplot.PieRenderer,
    rendererOptions: {
      showDataLabels: true,
      startAngle: -90
    }
  },
  legend: { show:true, location: 'e' }
});
というような形でstartAngleキーの値を変更すればおk

2014/08/20

[jQuery][jqplot]円グラフの色を変更

jqplotを使って円グラフの各部分の色を変更する方法。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="./jquery.jqplot.min.js"></script>
<script src="./plugins/jqplot.pieRenderer.min.js"></script>
$.jqplot('piechart', [['bar',97],['hoge',3]], {
  seriesColors:['#ff0000','#00ff00'],
  seriesDefaults: {
    renderer: $.jqplot.PieRenderer,
    rendererOptions: {
      showDataLabels: true
    }
  },
  legend: { show:true, location: 'e' }
});
seriesColorsキーに配列形式で色を設定すればおk

2014/08/19

[jQuery][jqplot]円グラフを描画

jqplotを使って円グラフを描画する方法

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="./jquery.jqplot.min.js"></script>
<script src="./plugins/jqplot.pieRenderer.min.js"></script>
$.jqplot('piechart', [['bar',97],['hoge',3]], {
  seriesDefaults: {
    renderer: $.jqplot.PieRenderer,
    rendererOptions: {
      showDataLabels: true
    }
  },
  legend: { show:true, location: 'e' }
});

2014/08/18

[Android]Activityのアニメーションをキャンセル

startActivity()メソッドを使ってActivityをロードしたときのアニメーションが無茶苦茶ダサい。

そこで、このアニメーションを中止するにはどうすればいいのだろうか?

[Android]Activityの画面遷移のアニメーションを無効化するを参考にすると以下の方法でいけるようだ。

<style name="noActivityAnimation" parent="android:Animation.Activity">
    <!-- 呼び出される activity の Enter アニメーション -->
    <item name="android:activityOpenEnterAnimation">@null</item>
    <!-- 他の activity を呼び出す activity の Exit アニメーション -->
    <item name="android:activityOpenExitAnimation">@null</item>
    <!-- 他の activity を閉じる際に表示される activity の Enter アニメーション -->
    <item name="android:activityCloseEnterAnimation">@null</item>
    <!-- activity を閉じる際の Exit アニメーション -->
    <item name="android:activityCloseExitAnimation">@null</item>
</style>
<item name="android:windowAnimationStyle">@style/noActivityAnimation</item>
上ように実装したら確かにアニメーションがなくなった。

2014/08/17

[Android][XML]ActionBarの背景色を変更

AndroidManifest.xmlのapplicationタグのthemeが下の場合

<application
android:theme="@style/AppTheme" >
</application>
style.xml
<resources>
    <!-- ActionBar styles -->
    <style name="MainActionBar"
           parent="@style/Widget.AppCompat.Light.ActionBar.Solid.Inverse">
        <item name="android:background">@color/actionbar_background</item>
        
        <!-- Support library compatibility -->
        <item name="background">@color/actionbar_background</item>

    </style>
    
    <!--
        Base application theme, dependent on API level. This theme is replaced
        by AppBaseTheme from res/values-vXX/styles.xml on newer devices.
    -->
    <style name="AppBaseTheme" parent="@style/Theme.AppCompat.Light">
        <!--
            Theme customizations available in newer API levels can go in
            res/values-vXX/styles.xml, while customizations related to
            backward-compatibility can go here.
        -->

         <item name="android:actionBarStyle">@style/MainActionBar</item>
         <!-- Support library compatibility -->
         <item name="actionBarStyle">@style/MainActionBar</item>
        
    </style>

    <!-- Application theme. -->
    <style name="AppTheme" parent="AppBaseTheme">
        <!-- All customizations that are NOT specific to a particular API-level can go here. -->
    </style>
    
</resources>
colors.xml
<?xml version="1.0" encoding="utf-8"?>
<resources>
    <item name="actionbar_background" type="color">#FF0000</item>
</resources>

2014/08/16

[Android]Action Buttonが表示されない件

いくら頑張ってもActionBarにAction Buttonが表示されない。

<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    tools:context="com.example.test.MainActivity" >
    <item
          android:id="@+id/hoge"
          android:icon="@drawable/ic_foo"
          android:showAsAction="always"
     />
</menu>
上のように組んでも表示されない。

なぜかなーっと考えていたら
Actionbar not shown with AppCompat
に答えがありました。ずばり下のようにしたら表示された。
<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:compat="http://schemas.android.com/apk/res-auto"
    tools:context="com.example.test.MainActivity"
>
    <item
          android:id="@+id/hoge"
          android:icon="@drawable/ic_foo"
          compat:showAsAction="always"
     />
</menu>
単純にライブラリを使っているので、XML名前空間をそっちに設定しないといけないようです。

2014/08/15

[Android]Unable to resolve target ‘android-16′エラーについて

なんか、ビルドする度にエラーが発生するAndroidですが、今度は、Unable to resolve target ‘android-16′というエラーが発生。
android-support-v7-appcompat] Unable to resolve target ‘android-16′
を読んでみると、API 16がインストールされていないからかなーっと思って、Android SDK Managerでインストールしたらエラーが取れました。

よかった、よかった。

2014/08/14

[Android]android.support.v7.appcompat.R$styleableエラーについて

下の画像のようにMinimus Required SDKをAPI 8:Android 2.2(Froyo)にしてビルドしたら
 photo android_new_application_01_zps1ea26837.png

android.support.v7.appcompat.R$styleable
というエラーが発生した。

原因をさぐってみると、どうやらAndroidのLibraryを入れていなかったからで、下ように「Android SDK Manager」から「Android Support Library」をInstallし
 photo android_new_application_02_zps1d1277bd.png
「File」→「Import」→「Android」→「Existing Android Code Into Workspace」を選択後
 photo android_new_application_03_zps92f1f38d.png
<sdk>/extras/android/support/v7/appcompat
を選択したら、コンパイルエラーが取れた。

2014/08/13

[本]ReLIFE

読了

久しぶりの漫画だったので、面白かった。

完全フルカラーでこの値段は、コスパいいかも。
二巻が待ち遠しい。