优化画板ui界面

ChiYanZhen_branch
CYZ 3 years ago
parent 3f133c6e7d
commit 8935032762

@ -84,7 +84,9 @@
android:resource="@xml/searchable" /> android:resource="@xml/searchable" />
</activity> </activity>
<activity android:name=".ui.DrawActivity" <activity
android:name=".ui.DrawActivity"
android:theme ="@android:style/Theme.NoTitleBar.Fullscreen"
/> />
<provider <provider

@ -1,7 +1,5 @@
package net.micode.notes.ui; package net.micode.notes.ui;
import static net.micode.notes.tool.DataUtils.TAG;
import android.app.Activity; import android.app.Activity;
import android.graphics.Bitmap; import android.graphics.Bitmap;
import android.graphics.Canvas; import android.graphics.Canvas;
@ -9,19 +7,20 @@ import android.graphics.Color;
import android.graphics.Matrix; import android.graphics.Matrix;
import android.graphics.Paint; import android.graphics.Paint;
import android.os.Bundle; import android.os.Bundle;
import android.os.Environment;
import android.util.Log; import android.util.Log;
import android.view.MotionEvent; import android.view.MotionEvent;
import android.view.View; import android.view.View;
import android.widget.Button; import android.view.ViewTreeObserver;
import android.widget.ImageButton;
import android.widget.ImageView; import android.widget.ImageView;
import android.widget.RelativeLayout;
import net.micode.notes.R; import net.micode.notes.R;
import java.io.File; import java.io.File;
import java.io.FileNotFoundException; import java.io.FileNotFoundException;
import java.io.FileOutputStream; import java.io.FileOutputStream;
import java.io.IOException; import java.io.IOException;
import java.io.OutputStream;
import java.text.SimpleDateFormat; import java.text.SimpleDateFormat;
import java.util.Date; import java.util.Date;
@ -31,15 +30,16 @@ public class DrawActivity extends Activity {
private Canvas canvas; private Canvas canvas;
private Paint paint; private Paint paint;
// 重置按钮 // 重置按钮
private Button reset_btn; private ImageButton reset_btn;
private Button save_paint; private ImageButton save_paint;
private boolean if_draw = false;
@Override @Override
protected void onCreate(Bundle savedInstanceState) { protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState); super.onCreate(savedInstanceState);
setContentView(R.layout.activity_second); setContentView(R.layout.activity_second);
img = (ImageView) findViewById(R.id.draw); img = (ImageView) findViewById(R.id.draw);
reset_btn = (Button) findViewById(R.id.reset); reset_btn = (ImageButton) findViewById(R.id.reset);
reset_btn.setOnClickListener(new View.OnClickListener() { reset_btn.setOnClickListener(new View.OnClickListener() {
@Override @Override
public void onClick(View v) { public void onClick(View v) {
@ -47,14 +47,16 @@ public class DrawActivity extends Activity {
showImage(); showImage();
} }
}); });
save_paint = (Button)findViewById(R.id.save); save_paint = (ImageButton)findViewById(R.id.save);
save_paint.setOnClickListener(new View.OnClickListener() { save_paint.setOnClickListener(new View.OnClickListener() {
@Override @Override
public void onClick(View view) { public void onClick(View view) {
if (if_draw) {
String path = saveBitmap(); String path = saveBitmap();
getIntent().putExtra("path", path); getIntent().putExtra("path", path);
setResult(1, getIntent()); setResult(1, getIntent());
Log.i(null, path); Log.i(null, path);
}
finish(); finish();
} }
}); });
@ -63,8 +65,18 @@ public class DrawActivity extends Activity {
} }
private void showImage() { private void showImage() {
// 创建一张空白图片 ImageView huabu = (ImageView) findViewById(R.id.draw);
mBitmap = Bitmap.createBitmap(720, 1280, Bitmap.Config.ARGB_8888); ViewTreeObserver vto = huabu.getViewTreeObserver();
vto.addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
@Override
public void onGlobalLayout() {
huabu.getViewTreeObserver().removeGlobalOnLayoutListener(this);
// 获取线性布局控件的高
int height = huabu.getHeight();
// 获取线性布局控件的宽
int width = huabu.getWidth();
//按照画布控件大小创建画布
mBitmap = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888);
// 创建一张画布 // 创建一张画布
canvas = new Canvas(mBitmap); canvas = new Canvas(mBitmap);
// 画布背景为白色 // 画布背景为白色
@ -75,6 +87,9 @@ public class DrawActivity extends Activity {
paint.setColor(Color.BLUE); paint.setColor(Color.BLUE);
// 宽度5个像素 // 宽度5个像素
paint.setStrokeWidth(5); paint.setStrokeWidth(5);
//接缝处圆滑
paint.setStrokeCap(Paint.Cap.ROUND);
paint.setStrokeJoin(Paint.Join.ROUND);
// 先将白色背景画上 // 先将白色背景画上
canvas.drawBitmap(mBitmap, new Matrix(), paint); canvas.drawBitmap(mBitmap, new Matrix(), paint);
img.setImageBitmap(mBitmap); img.setImageBitmap(mBitmap);
@ -84,6 +99,7 @@ public class DrawActivity extends Activity {
int startY; int startY;
@Override @Override
public boolean onTouch(View v, MotionEvent event) { public boolean onTouch(View v, MotionEvent event) {
if_draw = true;
switch (event.getAction()) { switch (event.getAction()) {
case MotionEvent.ACTION_DOWN: case MotionEvent.ACTION_DOWN:
// 获取手按下时的坐标 // 获取手按下时的坐标
@ -106,6 +122,8 @@ public class DrawActivity extends Activity {
} }
}); });
} }
});
}
public String saveBitmap(){ public String saveBitmap(){
//获得系统当前时间,并以该时间作为文件名 //获得系统当前时间,并以该时间作为文件名

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.5 KiB

@ -1,5 +1,5 @@
<?xml version="1.0" encoding="utf-8"?> <?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools" xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/img" android:id="@+id/img"
@ -9,24 +9,45 @@
<ImageView <ImageView
android:id="@+id/draw" android:id="@+id/draw"
android:layout_width="wrap_content" android:layout_width="500dp"
android:layout_height="wrap_content" android:layout_height="660dp"
android:layout_weight="2"
tools:src="@tools:sample/backgrounds/scenic" />
<Button
android:id="@+id/reset"
android:layout_width="200dp"
android:layout_height="129dp"
android:layout_weight="1" android:layout_weight="1"
android:text="Button" android:contentDescription="@string/painting"
android:layout_gravity="center|center_vertical"/>
android:visibility="visible"
tools:src="@drawable/white"
tools:visibility="visible" />
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="80dp"
android:layout_alignBottom="@+id/draw"
android:layout_marginBottom="0dp">
<Button <ImageButton
android:id="@+id/save" android:id="@+id/save"
android:layout_width="wrap_content" android:layout_width="67dp"
android:layout_height="wrap_content" android:layout_height="66dp"
android:layout_weight="2" android:layout_gravity="center"
android:text="Button" /> android:layout_marginLeft="15dp"
android:layout_weight="0"
android:background="@drawable/chehui"
android:contentDescription="@string/return_note"
android:scaleType="centerInside"
android:visibility="visible"
tools:visibility="visible" />
<ImageButton
android:id="@+id/reset"
android:layout_width="87dp"
android:layout_height="match_parent"
android:layout_marginLeft="15dp"
android:layout_weight="0"
android:background="@drawable/qingkong"
android:scaleType="centerCrop"
android:visibility="visible"
tools:visibility="visible" />
</LinearLayout> </LinearLayout>
</RelativeLayout>

@ -83,7 +83,6 @@
android:layout_width="wrap_content" android:layout_width="wrap_content"
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:layout_gravity="center" android:layout_gravity="center"
android:background="@drawable/bg_btn_set_color" /> android:background="@drawable/bg_btn_set_color" />
</LinearLayout> </LinearLayout>

@ -128,6 +128,8 @@
<string name="search">Notes</string> <string name="search">Notes</string>
<string name="datetime_dialog_ok">set</string> <string name="datetime_dialog_ok">set</string>
<string name="datetime_dialog_cancel">cancel</string> <string name="datetime_dialog_cancel">cancel</string>
<string name="painting">painting</string>
<string name="return_note">return the note</string>
<plurals name="search_results_title"> <plurals name="search_results_title">
<item quantity="one"><xliff:g id="number" example="1">%1$s</xliff:g> result for \"<xliff:g id="search" example="???">%2$s</xliff:g>\"</item> <item quantity="one"><xliff:g id="number" example="1">%1$s</xliff:g> result for \"<xliff:g id="search" example="???">%2$s</xliff:g>\"</item>
<!-- Case of 0 or 2 or more results. --> <!-- Case of 0 or 2 or more results. -->

Loading…
Cancel
Save