Yokosuka,a seaside town

先月生まれた姪っ子(双子！)の顔を見に神奈川県の横須賀市まで来ました。
横須賀は海の街ですね。
I went to Yokosuka City,Kanagawa Prefecture,Japan to see my twin nieces born last month.
Yokosuka is a seaside town.

こちらは「魚河岸食堂はま蔵」の地魚寿司と地魚丼です。
横須賀では新鮮な魚を目玉にしたお店が多いです。
I went to "Uogashi shokudo Hamakura",a restaurant in Yokosuka City and this foods are sushi of local fishes and a bowl of local fishes.
There are many restaurant serving fresh fish dish in Yokosuka.

ここは「三笠公園」です。
戦艦三笠の記念艦があります。
This is Mikasa Park.
Mikasa was a battle ship in Meiji Period, and it has been a museum ship from 1950s.

ここは「ヴェルニー公園」です。
海のそばにあるフランス式庭園で、名前はフランス人技術者レオンス・ヴェルニーに由来します。
This is Verny Park.
It is french park at the seaside and Leonce Verny gave the name to it.

にほんブログ村

クリエイティブライフ ブログランキングへ

Tokyo Midtown Design Touch

東京ミッドタウンで開催されている「Tokyo Midtown Design Touch」に行ってきました。
この様なイベントは開発の刺激になります。

I went to "Tokyo Midtown Design touch" held in Tokyo Midtown.

This event give an impetus to develop.

芝生広場で開催されていた「カーテンウォールシアター」。
脳波に反応してカーテンが動くようになっています。

This is "CURTAIN WALL THEATER" held in Grass Square of Tokyo Midtown.
This curtain is moved by human's electroencephalograph.

こちらの「+Style Exhibition」ではIoTを使用した様々な新商品が紹介されていました。

This is "+Style Exhibition" and it has some new goods using IoT.

サントリー美術館では江戸時代後期の琳派の巨匠 鈴木基一の展覧会が開かれていました。

朝顔図屏風や風神雷神図襖など、琳派らしい豪華な作品で一杯でした。

The exhibition of Kiitsu Suzuki,a master of Rinpa school in the late of Edo Period, is holding in Suntory Museum of Art.
There are some beautiful masterpieces, for example, a gold screen painted morning glory and a sliding paper door painted god of the winds and god of the thunder.

にほんブログ村

クリエイティブライフ ブログランキングへ

[iOS]How to change Status Bar color to white

さて今回はiOSでステータスバーの色を白くする方法についてご紹介します。
I introduce how to change Status Bar's color to white on iOS this time.

環境(Environment)：Xcode 8,Swift 3

UIViewControllerでprefersStatusBarHiddenとpreferredStatusBarStyleをオーバーライドし、preferredStatusBarStyleでUIStatusBarStyle.LightContentを返すと、ステータスバーの色が白くなります。
Override prefersStatusBarHidden and preferredStatusBarStyle on UIViewController, and return UIStatusBarStyle.LightContent in preferredStatusBarStyle, and Status Bar's color turns white.

override func prefersStatusBarHidden() -> Bool {

        return false;

}

    

override func preferredStatusBarStyle() -> UIStatusBarStyle {

        return UIStatusBarStyle.LightContent;

}

にほんブログ村

クリエイティブライフ ブログランキングへ

[Android]Making SegmentedControl like iOS

今回はAndroidでボタンをiOSのUISegmentedControlの様に見せる方法についてご紹介します。
I introduce how to distribute buttons like UISegmentedControl of iOS on Android.

といってもボタンを2つ並べて形を似せるだけで完成です。
But if you distribute two buttons and make these shape like UISegmentedControl, it is finished.

環境(Environment)：Android Studio 2.2.1, API 21

package net.studioks.sample1;

import android.app.Activity;
import android.graphics.Color;
import android.graphics.drawable.GradientDrawable;
import android.os.Bundle;
import android.view.Gravity;
import android.view.View;
import android.widget.Button;
import android.widget.RelativeLayout;
import static android.widget.ListPopupWindow.WRAP_CONTENT;

public class sample1 extends Activity implements View.OnClickListener {
    private Button _buttonGroup;
    private Button _buttonDate;

    private GradientDrawable _gradient_buttonGroupOn = new GradientDrawable();
    private GradientDrawable _gradient_buttonGroupOff = new GradientDrawable();
    private GradientDrawable _gradient_buttonDateOn = new GradientDrawable();
    private GradientDrawable _gradient_buttonDateOff = new GradientDrawable();

    @Override    

    public void onCreate(Bundle bundle){
        super.onCreate(bundle);

        RelativeLayout relativeLayout = new RelativeLayout(this);
        setContentView(relativeLayout);

        _gradient_buttonGroupOn.setCornerRadii(new float[]{5,5,0,0,0,0,5,5});
        _gradient_buttonGroupOn.setColor(Color.BLUE);
        _gradient_buttonGroupOff.setCornerRadii(new float[]{5,5,0,0,0,0,5,5});
        _gradient_buttonGroupOff.setColor(Color.WHITE);

        _gradient_buttonDateOn.setCornerRadii(new float[]{0,0,5,5,5,5,0,0});
        _gradient_buttonDateOn.setColor(Color.BLUE);
        _gradient_buttonDateOff.setCornerRadii(new float[]{0,0,5,5,5,5,0,0});
        _gradient_buttonDateOff.setColor(Color.WHITE);

        _buttonGroup = new Button(this);
        _buttonGroup.setId(1);
        _buttonGroup.setText("Group");
        _buttonGroup.setGravity(Gravity.CENTER);
        _buttonGroup.setPadding(0,0,0,0);
        _buttonGroup.setTextColor(Color.WHITE);
        _buttonGroup.setWidth(100);
        _buttonGroup.setHeight(60);
        _buttonGroup.setOnClickListener(this);
        _buttonGroup.setBackground(_gradient_buttonGroupOn);
        RelativeLayout.LayoutParams param_buttonGroup =
                new RelativeLayout.LayoutParams(WRAP_CONTENT, WRAP_CONTENT);
        param_buttonGroup.leftMargin = 10;
        param_buttonGroup.topMargin = 5;
        param_buttonGroup.addRule(RelativeLayout.ALIGN_TOP);
        relativeLayout.addView(_buttonGroup,param_buttonGroup);

        _buttonDate = new Button(this);
        _buttonDate.setId(2);
        _buttonDate.setGravity(Gravity.CENTER);
        _buttonDate.setPadding(0,0,0,0);
        _buttonDate.setText("Date");
        _buttonDate.setTextColor(Color.BLUE);
        _buttonDate.setOnClickListener(this);
        _buttonDate.setHeight(100);
        _buttonDate.setHeight(60);
        _buttonDate.setBackground(_gradient_buttonDateOff);
        RelativeLayout.LayoutParams param_buttonDate =
                new RelativeLayout.LayoutParams(WRAP_CONTENT, WRAP_CONTENT);
        param_buttonDate.leftMargin = 0;
        param_buttonDate.topMargin = 5;
        param_buttonDate.addRule(RelativeLayout.RIGHT_OF,1);
        relativeLayout.addView(_buttonDate,param_buttonDate);
    }

    public void onClick(View v) {

        switch (v.getId()){
            case 1:
                //Click Group Button                

                _buttonGroup.setTextColor(Color.WHITE);
                _buttonGroup.setBackground(_gradient_buttonGroupOn);
                _buttonDate.setTextColor(Color.BLUE);
                _buttonDate.setBackground(_gradient_buttonDateOff);
                break;

            case 2:
                //Click Date Button                

                _buttonGroup.setTextColor(Color.BLUE);
                _buttonGroup.setBackground(_gradient_buttonGroupOff);
                _buttonDate.setTextColor(Color.WHITE);
                _buttonDate.setBackground(_gradient_buttonDateOn);
                break;

        }
    }
}

動かすとこんな感じになります。

If you run this program, you can see below screen.

にほんブログ村

クリエイティブライフ ブログランキングへ