You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+13-7Lines changed: 13 additions & 7 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -18,27 +18,29 @@ Here's a screenshot of a real app that uses two `CKDotMatrixView` instances to s
18
18
19
19
## Features
20
20
21
-
* Can be adjusted to fit almost any size using storyboard settings only.
21
+
* Can be adjusted to fit almost any size using storyboard settings only (including live rendering!).
22
22
* Uses color information provided in the storyboard.
23
23
* Provides some basic animation (to be optimized and extended...)
24
24
* Displays a cool glowing around the illuminated dots.
25
-
* Comes with one 10 dot font providing numbers and upper case fonts (to be extended...)
25
+
* Comes with a 10 dot font providing numbers and upper case fonts (to be extended...)
26
26
27
27
## Usage
28
28
29
29
As you can see in the provided demo app, the `CKDotMatrixView` can be added to your app's UI without a single line of code (there's no view controller implementation in that demo app).
30
30
31
31
Add a `UIView` to your storyboard and set its origin and size appropriately.
32
32
33
-
Head to the _identity inspector_ and add the following _user defined runtime attributes_:
33
+
Head to the _identity inspector_ and set the class to `CKDotMatrixView`. You don't have to add the _user defined runtime attributes_ by yourself (since 0.1.1).
34
+
35
+

36
+
37
+
Go to the _attributes inspector_ and set the following properties in the first section titled _Dot Matrix View_:
34
38
*`horizontalDotCount` - number of dots displayed horizontally (mandatory)
35
39
*`verticalDotCount` - number of dots displayed vertically (mandatory)
36
40
*`text` - the string to be displayed by the dot matrix (optional, can be used for static content)
37
-
*`animated` - a flag indicating, wether the content should be initially animated (optional, default is `NO`)
41
+
*`animated` - a flag indicating, wether the content should be initially animated (optional, default is `NO`). Please note, that the interface builder's live rendering will be always without animation.
38
42
39
-

40
-
41
-
Go to the _attributes inspector_ and set the background color and the tint color as you like. The illuminated dots will be drawn using the tint color and the dots that are off will be drawn using a slightly lighter color than the background color.
43
+
Finally set the background color and the tint color as you like. The illuminated dots will be drawn using the tint color and the dots that are off will be drawn using a slightly lighter color than the background color.
42
44
43
45

44
46
@@ -50,6 +52,10 @@ You can create your own dot font by providing your own `CKDotMatrixFontMapping`
50
52
51
53
Christian Klaproth, [@JaNd3r](http://twitter.com/JaNd3r)
52
54
55
+
## Thanks to...
56
+
57
+
... [@ivowessel](http://twitter.com/ivowessel) for pointing me at the interface builder's live rendering feature.
58
+
53
59
## License
54
60
55
61
`CKDotMatrixView` is available under the MIT license. See the LICENSE file for more info.
0 commit comments