PuzzleView
![收藏,GitHub 同步 Star](https://i-blog.csdnimg.cn/blog_migrate/7d0234f6040bfebfea82f8d6092495f1.png)
Android Jigsaw puzzle support,inspired by Instagram's layout.
the apk file is here--->http://fir.im/puzzle0607
Screenshots
Due the size of the gif file, the example below may not render well, in that case you can view the demo video on youtube.
Usage
in build.gradle
compile 'com.flying.xiaopo:puzzle:1.0.0'
in xml layout
<com.xiaopo.flying.puzzle.PuzzleView
android:id="@+id/puzzle"
android:layout_width="match_parent"
android:layout_height="match_parent" />
<com.xiaopo.flying.puzzle.SquarePuzzleView
android:id="@+id/square_puzzle"
android:layout_width="match_parent"
android:layout_height="match_parent" />
in the java code, you can change some attributes of the puzzle view
mPuzzleView.setPuzzleLayout(mPuzzleLayout);
mPuzzleView.setMoveLineEnable(true);
mPuzzleView.setNeedDrawBorder(false);
mPuzzleView.setNeedDrawOuterBorder(false);
mPuzzleView.setExtraSize(100);
mPuzzleView.setBorderWidth(4);
mPuzzleView.setBorderColor(Color.WHITE);
mPuzzleView.setSelectedBorderColor(Color.parseColor("#99BBFB"));
and handle some actions
mPuzzleView.rotate(90f);
mPuzzleView.flipHorizontally();
mPuzzleView.flipVertically();
mPuzzleView.setNeedDrawBorder(!mPuzzleView.isNeedDrawBorder());
mPuzzleView.replace(bitmap);
Also you can check the source code of the demo for examples of how to use these attributes.
Layout
The PuzzleView
depends on the PuzzleLayout
. Of course you can customize it.
If you don't want to customize it's layout, you can just use the default layout.
All the built-in layouts can be found in the the demo's PlaygroundActivity
. You can click to see the effect.
![](https://raw.githubusercontent.com/wuapnjie/PuzzleView/master/screenshots/screen2.png)
Custom Layout
To create a custom layout is also easy. Just extend PuzzleLayout
and override the layout
method.
The PuzzleLayout
class provides some methods for customization. Also you can check the source code of the in-built layouts for guidance / examples.
public class CustomLayout extends PuzzleLayout {
@Override
public void layout() {
addLine(getOuterBorder(), Line.Direction.HORIZONTAL, 1f / 2);
addLine(getBorder(0), Line.Direction.VERTICAL, 1f / 2);
}
}