visible true: 1月 2012

2012年1月31日火曜日

android.app.Dialogを任意のサイズに設定する。 FILL_PARENT, WRAP_CONTENTもできるよ

さんざんハマったので。

こうだ

こうです。
dialog.getWindow().setLayout(LayoutParams.FILL_PARENT, LayoutParams.FILL_PARENT);

android.app.DialogをnewしてレイアウトぶちこんだあとgetWindow()してsetLayoutでサイズ指定する感じです。
この時FILL_PARENT, WRAP_CONTENTなども使えます。

import android.widget.LinearLayout.LayoutParams;

Dialog dialog = new Dialog(context);
dialog.setContentView(R.layout.hoge);
dialog.setTitle(R.string.moge);
dialog.getWindow().setLayout(LayoutParams.FILL_PARENT, LayoutParams.FILL_PARENT);

Dialogの横だけFILL_PARENTにする

まぁこうですね。

import android.widget.LinearLayout.LayoutParams;

Dialog dialog = new Dialog(context);
dialog.setContentView(R.layout.hoge);
dialog.setTitle(R.string.moge);
dialog.getWindow().setLayout(LayoutParams.FILL_PARENT, LayoutParams.WRAP_CONTENT);

Dialogを300x300にしてみる

まぁこうですね。

import android.widget.LinearLayout.LayoutParams;

Dialog dialog = new Dialog(context);
dialog.setContentView(R.layout.hoge);
dialog.setTitle(R.string.moge);
dialog.getWindow().setLayout(300, 300);

使ったレイアウトXML

は、これ。android:textにリテラルぶっこむとLint先生に怒られるので良い子の皆様は必ずvaluesで定義してstringを下さい。

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical"
    android:padding="10dp" >
    <TextView
        android:id="@+id/text"
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:text="(さよならだ)"
        android:textColor="#FFF" />
    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal" >
        <Button 
        android:layout_width="0dp"
        android:layout_weight="1"
        android:layout_height="wrap_content"
        android:text="OK"
        />    
    </LinearLayout>
</LinearLayout>

2012年1月6日金曜日

Javascriptによるドラゴン曲線。辰年だし。

辰年だしドラゴン曲線だよね。という事でjavascriptで。Canvasで。

新年あけましてドラゴン曲線 - jsdo.it - share JavaScript, HTML5 and CSS

ソース

<html>
<script>
window.onload =function(){
 var $ = function(id){ return document.getElementById(id); }
 var canvas = $("canvas");
 var ctx = canvas.getContext('2d');
 var clear =function(){
  ctx.fillStyle = 'rgb(200, 200, 200)';
  ctx.fillRect(0, 0, canvas.width, canvas.height);
 }
 var line = function(ctx, sx, sy, ex, ey){
  ctx.beginPath();
  ctx.moveTo(sx, sy);
  ctx.lineTo(ex, ey);
  ctx.closePath();
  ctx.stroke();
 }
 var dline = function(ctx, sx, sy, ex, ey, cx, cy){
  ctx.beginPath();
  ctx.moveTo(sx, sy);
  ctx.lineTo(cx, cy);
  ctx.moveTo(ex, ey);
  ctx.lineTo(cx, cy);
  ctx.closePath();
  ctx.stroke();
 };
 var dragon = function(ctx, depth, sx, sy, ex, ey, d){
  if(depth ==0){
   line(ctx,sx,sy,ex,ey);
   return;
  }
  var dx = (ex-sx)/2;
  var dy = (ey-sy)/2;
  var centerX = ex-dx;
  var centerY = ey-dy;
  var cx = centerX + (d?dy:-dy);
  var cy = centerY + (d?-dx:dx);
  if(depth == 1){
   dline(ctx,sx,sy,ex,ey,cx,cy);
   return;
  }
  else{
   dragon(ctx, depth-1, sx, sy, cx, cy, true);
   dragon(ctx, depth-1, cx, cy, ex, ey, false);
  }
 }
 var dragon_call = function(depth){
  return function(){
   clear();
   dragon(ctx, depth, 50, canvas.height/3, canvas.width-100, canvas.height/3,false);
   if(depth < 15){
    setTimeout(dragon_call(depth+1), 1000);
   }
  }
 };
 $("start").onclick = function(){
  dragon_call(0)();
 }
 dragon_call(15)();
}
</script>
<body>

<canvas id="canvas" width=400 height=400 ></canvas>
<br/>
<input type="button" id="start" value="start" ></input>
</body>
</html>

まとめ

今年も頑張る。