RhythmSticks
A debug Android View that overlays a grid to verify UI elements adhere to a visual rhythm.
Install / Use
/learn @chris-horner/RhythmSticksREADME
RhythmSticks
A debug Android View that overlays a grid to verify UI elements adhere to a visual rhythm.

Usage
Place a RhythmFrameLayout anywhere in your View hierarchy to display a grid over its children. This is typically something you only want in debug builds, and Gradle gives you cool ways of doing that (see example).
RhythmFrameLayout can be used much like Scalpel. Check out Jake Wharton's u2020 example app for ideas on how you could include some rhythm in your debug builds.
RhythmFrameLayout has four modes:
MODE_LEFT_RIGHT: Grid is rendered from left and right, fading in the middleMODE_TOP_BOTTOM: Grid is rendered from top and bottom, fading in the middleMODE_TOP_LEFT: Grid is rendered from top left cornerMODE_BOTTOM_RIGHT: Grid is rendered from the bottom right corner
It's often useful to change these modes at run time, as most Android screens don't divide neatly by 16dp.
Download
Download the latest JAR or grab via Gradle:
compile 'com.chrishorner:rhythmsticks:1.0.0'
License
Copyright 2014 Christopher Horner
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
Related Skills
node-connect
342.5kDiagnose OpenClaw node connection and pairing failures for Android, iOS, and macOS companion apps
frontend-design
85.3kCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
openai-whisper-api
342.5kTranscribe audio via OpenAI Audio Transcriptions API (Whisper).
qqbot-media
342.5kQQBot 富媒体收发能力。使用 <qqmedia> 标签,系统根据文件扩展名自动识别类型(图片/语音/视频/文件)。
