❶ 怎麼樣在安卓手機實時預覽sketch的效果圖
騰訊isux出品的psPlay只能用於PhotoShop。 使用UI中國出品的ScreenRunner可以實現設計稿預覽,但是需要手工把PNG文件拖到窗口,並未有photoshop預覽方便。 Sketch自帶的Mirror可以進行預覽,但是要進行收費$4.99。 幸運的是,Github 上有人為 Sketch 和 Skala 之間加了一個橋梁:marcisme/sketch-preview · GitHub 使用方法可以參見它的 readme。 Skala preview 被稱作 iOS UI 設計師必備,可以非常方便的將在 Mac 上設計的效果圖發到iOS設備上預覽。 有OSX,IOS,android版本 1、把GitHub下載的SketchPreview壓縮包,打開Sketch軟體,選擇Plugins -> Reveal Plugins Folder放入壓縮包。 2、通過SketchPreview中間件,可以設置預覽的倍數。@2X或者@3X 3、設置完成,按下⌘+P即可在IPAD和手機上預覽。 TIPS:主機需要開啟Skala preview,才能自動配對成功。
❷ android 自定義view怎麼預覽
自定義的View,相應的布局關系。
View的布局可以重寫的方法有這些。
常用的方法可以重寫。
下面是一個小例子
項目結構如下
自定義View類的結構
onDraw(Canvas canvas)
onTouchEvent(MotionEvent event)
是被重寫的方法。
這個例子是 點擊屏幕就畫一個小圓。
public class DrawView extends View{ public float currentX = 40; public float currentY = 50; // 定義、並創建畫筆 Paint p = new Paint(); public DrawView(Context context) { super(context); } public DrawView(Context context , AttributeSet set) { super(context ,set); } @Override public void onDraw(Canvas canvas) { super.onDraw(canvas); // 設置畫筆的顏色 p.setColor(Color.RED); // 繪制一個小圓(作為小球) canvas.drawCircle(currentX, currentY, 15, p); }
// 為該組件的觸碰事件重寫事件處理方法 @Override public boolean onTouchEvent(MotionEvent event) { // 修改currentX、currentY兩個屬性 currentX = event.getX(); currentY = event.getY(); // 通知當前組件重繪自己 invalidate(); // 返回true表明該處理方法已經處理該事件 return true; }}