前回までの状況はこちら。
最新ソースはこちら。(gitHub)
https://github.com/takishita2nd/Picross
ピクロス解析のヒントとなる数字の入力マスを作成していきます。
イメージとしては、マウスカーソルが上にあると色が変化し、クリックするとパレットを表示する、という感じです。
まずはマスを作成しましょう。
数字を入力するマスのクラスを作成します。
class NumberSquare : ObjectBase
{
protected int _row;
protected int _col;
protected const int setPositionX = 200;
protected const int setPositionY = 200;
protected const int fontOffsetX = 19;
protected const int fontOffsetY = 9;
private string _value;
public NumberSquare(int row, int col)
{
width = 32;
height = 32;
_value = string.Empty;
_row = row;
_col = col;
_x = col * width + setPositionX;
_y = row * height + setPositionY;
_backTexture = new asd.TextureObject2D();
_backTexture.Texture = Resource.GetPicrossTexture();
_backTexture.Position = new asd.Vector2DF(_x, _y);
_valueText = new asd.TextObject2D();
_valueText.Font = Resource.getFont();
_valueText.Position = new asd.Vector2DF(_x + fontOffsetX, _y + fontOffsetY);
}
public void SetValue(string value)
{
_value = value;
_valueText.Text = _value;
}
public void UpdateTexture(asd.Vector2DF pos)
{
if (pos.X > _x && pos.X < _x + width
&& pos.Y > _y && pos.Y < _y + height)
{
_backTexture.Texture = Resource.GetSelectedNumberTexture();
}
else
{
_backTexture.Texture = Resource.GetPicrossTexture();
}
}
public int getValue()
{
return int.Parse(_value);
}
}これをUIに配置します。
マスのオブジェクトは
List<List<NumberSquare>>の形で保持します。
一番外のList<>はROWまたはCOLのサイズ分だけ持ち、List<List<>>は入力した数字の数だけ保持します。
これをROW、COLの二つ持ちます。
private List<List<NumberSquare>> rowNumberSquare = new List<List<NumberSquare>>();
private List<List<NumberSquare>> colNumberSquare = new List<List<NumberSquare>>();配置。
// 数字の入力するマス
for(int row = 0; row < 10; row++)
{
NumberSquare square = new NumberSquare(row, -1);
asd.Engine.AddObject2D(square.getBackTexture());
asd.Engine.AddObject2D(square.getTextObject());
List<NumberSquare> rowList = new List<NumberSquare>();
rowList.Add(square);
rowNumberSquare.Add(rowList);
}
for (int col = 0; col < 10; col++)
{
NumberSquare square = new NumberSquare(-1, col);
asd.Engine.AddObject2D(square.getBackTexture());
asd.Engine.AddObject2D(square.getTextObject());
List<NumberSquare> colList = new List<NumberSquare>();
colList.Add(square);
colNumberSquare.Add(colList);
}マウスがマスの上にきたときの処理。
while (asd.Engine.DoEvents())
{
asd.Vector2DF pos = asd.Engine.Mouse.Position;
if(!dialog.IsShow())
{
foreach (var rowList in rowNumberSquare)
{
foreach (var s in rowList)
{
s.UpdateTexture(pos);
}
}
foreach (var colList in colNumberSquare)
{
foreach (var s in colList)
{
s.UpdateTexture(pos);
}
}
foreach (Button button in buttons)
{
button.UpdateTexture(pos);
}
}そして、忘れてはいけないのが、サイズ変更を行ったとき。
サイズ変更を行ったら、それに合わせてListの数も変更しなければいけません。
dialog.SetAction(() =>
{
dialog.Hide();
int row = dialog.GetRowValue();
int col = dialog.GetColValue();
while(row != drawSquares.Count)
{
if(drawSquares.Count > row)
{
{
// マスの削除
var rowList = drawSquares[drawSquares.Count - 1];
foreach (var c in rowList)
{
asd.Engine.RemoveObject2D(c.getBackTexture());
}
drawSquares.RemoveAt(drawSquares.Count - 1);
}
{
// 数字のマスの削除
var rowList = rowNumberSquare[rowNumberSquare.Count - 1];
foreach (var s in rowList)
{
asd.Engine.RemoveObject2D(s.getBackTexture());
asd.Engine.RemoveObject2D(s.getTextObject());
}
rowNumberSquare.RemoveAt(rowNumberSquare.Count - 1);
}
}
else
{
{
// マスの追加
List<DrawSquare> rowList = new List<DrawSquare>();
for (int c = 0; c < drawSquares[0].Count; c++)
{
var square = new DrawSquare(drawSquares.Count, c);
asd.Engine.AddObject2D(square.getBackTexture());
rowList.Add(square);
}
drawSquares.Add(rowList);
}
{
// 数字のマス追加
var square = new NumberSquare(rowNumberSquare.Count, -1);
asd.Engine.AddObject2D(square.getBackTexture());
asd.Engine.AddObject2D(square.getTextObject());
List<NumberSquare> list = new List<NumberSquare>();
list.Add(square);
rowNumberSquare.Add(list);
}
}
}
while(col != drawSquares[0].Count)
{
if(drawSquares[0].Count > col)
{
{
// マスの削除
foreach (var r in drawSquares)
{
asd.Engine.RemoveObject2D(r[r.Count - 1].getBackTexture());
r.RemoveAt(r.Count - 1);
}
}
{
// 数字のマスの削除
var colList = colNumberSquare[colNumberSquare.Count - 1];
foreach (var s in colList)
{
asd.Engine.RemoveObject2D(s.getBackTexture());
asd.Engine.RemoveObject2D(s.getTextObject());
}
colNumberSquare.RemoveAt(colNumberSquare.Count - 1);
}
}
else
{
{
// マスの追加
int rowindex = 0;
int colindex = drawSquares[0].Count;
foreach (var r in drawSquares)
{
var square = new DrawSquare(rowindex, colindex);
asd.Engine.AddObject2D(square.getBackTexture());
r.Add(square);
rowindex++;
}
}
{
// 数字のマス追加
var square = new NumberSquare(-1, colNumberSquare.Count);
asd.Engine.AddObject2D(square.getBackTexture());
asd.Engine.AddObject2D(square.getTextObject());
List<NumberSquare> list = new List<NumberSquare>();
list.Add(square);
colNumberSquare.Add(list);
}
}
}
});動作はこんな感じになりました。
次回は実際に数字を入力する処理を追加します。
![[商品価格に関しましては、リンクが作成された時点と現時点で情報が変更されている場合がございます。]](https://hbb.afl.rakuten.co.jp/hgb/1b82092e.e2f7f258.1b82092f.75265638/?me_id=1250425&item_id=10000047&m=https%3A%2F%2Fthumbnail.image.rakuten.co.jp%2F%400_mall%2Fauc-teshio%2Fcabinet%2Fitem%2Fitem-l%2Foutlet%2Fimgrc0073412053.jpg%3F_ex%3D80x80&pc=https%3A%2F%2Fthumbnail.image.rakuten.co.jp%2F%400_mall%2Fauc-teshio%2Fcabinet%2Fitem%2Fitem-l%2Foutlet%2Fimgrc0073412053.jpg%3F_ex%3D240x240&s=240x240&t=picttext "[商品価格に関しましては、リンクが作成された時点と現時点で情報が変更されている場合がございます。]")
