我有这个代码。我定义了一个新类“diagrama”扩展View,其中我绘制了一些东西。
我想在屏幕底部添加一个按钮(特别是一个微调按钮),但我不知道如何。
我正在尝试创建一个状态机,按下两个“状态”,然后用一条线连接它们。我想在每行输出带有文本的输入和输出。
我试图制作一个AlertBuild来选择输入和输出(它被评论),但我没有成功。我想创建两个微调按钮来选择输入和输出。
我正在开始,这个应用程序不是很好,但我陷入了这个,我无法继续。
如果有人可以帮助我,我会很感激。
谢谢。
import android.app.Activity;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Paint.Style;
import android.graphics.Path;
import android.graphics.RectF;
import android.os.Bundle;
import android.view.Gravity;
import android.view.Menu;
import android.view.MotionEvent;
import android.view.View;
import android.widget.Button;
public class MainActivity extends Activity{
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(new diagrama(this)); //creo el layout "diagrama" desde java y no desde xml
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.main, menu);
return true;
}
public class diagrama extends View{
//coordenadas x y en el momento en el que tocas la pantalla
float x=0;
float y=0;
float x_origen,y_origen,x_destino,y_destino;
//coordenadas de los centros de cada círculo
float x_S0=160, y_S0=100,
x_S1=260, y_S1=200,
x_S2=160, y_S2=200,
x_S3=160, y_S3=300,
x_S4=60, y_S4=200,
radio=20,
radio_ovalo=100;
int contador=0, //contador de las 2 bolas pulsadas
contador_lineas=0, //contador de número de flechas dibujadas
i=0;
String accion="accion"; //acción para cuando pulsas un círculo que se coloree en rojo
String text;
Path path= new Path(); //path para crear flechas
public diagrama (Context context) {
super(context);
}
//Método para dibujar
@Override
protected void onDraw(Canvas canvas){
//Creamos el pincel con el que vamos a dibujar
Paint pincel = new Paint();
pincel.setColor(Color.BLACK);
pincel.setStrokeWidth(2);
pincel.setStyle(Style.STROKE);
//Creamos el camino del ovalo principal
final RectF ovalo_principal = new RectF();
ovalo_principal.set(x_S2-radio_ovalo,
y_S2-radio_ovalo,
x_S2+radio_ovalo,
y_S2+radio_ovalo);
//Creamos el camino del ovalo de la izquierda
final RectF ovalo_izquierda = new RectF();
ovalo_izquierda.set(x_S4-((3*radio_ovalo)/2),
y_S4-((3*radio_ovalo)/2),
x_S4+((3*radio_ovalo)/2),
y_S4+((3*radio_ovalo)/2));
//Creamos el camino del ovalo de la derecha
final RectF ovalo_derecha = new RectF();
ovalo_derecha.set(x_S1-((3*radio_ovalo)/2),
y_S1-((3*radio_ovalo)/2),
x_S1+((3*radio_ovalo)/2),
y_S1+((3*radio_ovalo)/2));
//Creamos el camino del ovalo superior derecha
final RectF ovalo_superior_derecha = new RectF();
ovalo_superior_derecha.set(x_S1-radio_ovalo,
y_S1-100-radio_ovalo,
x_S1+radio_ovalo,
y_S1-100+radio_ovalo);
//Creamos el camino del ovalo superior izquierda
final RectF ovalo_superior_izquierda = new RectF();
ovalo_superior_izquierda.set(x_S4-radio_ovalo,
y_S4-100-radio_ovalo,
x_S4+radio_ovalo,
y_S4-100+radio_ovalo);
//Creamos el camino del ovalo inferior izquierda
final RectF ovalo_inferior_izquierda = new RectF();
ovalo_inferior_izquierda.set(x_S4-radio_ovalo,
y_S4+100-radio_ovalo,
x_S4+radio_ovalo,
y_S4+100+radio_ovalo);
//Creamos el camino del ovalo inferior derecha
final RectF ovalo_inferior_derecha = new RectF();
ovalo_inferior_derecha.set(x_S1-radio_ovalo,
y_S1+100-radio_ovalo,
x_S1+radio_ovalo,
y_S1+100+radio_ovalo);
//Creamos el camino del ovalo pequeño superior
final RectF ovalo_pequeño_superior = new RectF();
ovalo_pequeño_superior.set(x_S0-(radio_ovalo/2)+radio,
y_S0+50-(radio_ovalo/2)+radio,
x_S0+(radio_ovalo/2)-radio,
y_S0+50+(radio_ovalo/2)-radio);
//Creamos el camino del ovalo pequeño inferior
final RectF ovalo_pequeño_inferior = new RectF();
ovalo_pequeño_inferior.set(x_S0-(radio_ovalo/2),
y_S0+150-(radio_ovalo/2),
x_S0+(radio_ovalo/2),
y_S0+150+(radio_ovalo/2));
//Creamos el camino del ovalo pequeño derecha
final RectF ovalo_pequeño_derecha = new RectF();
ovalo_pequeño_derecha.set(x_S4+150-(radio_ovalo/2),
y_S4-(radio_ovalo/2),
x_S4+150+(radio_ovalo/2),
y_S4+(radio_ovalo/2));
//Creamos el camino del ovalo pequeño derecha
final RectF ovalo_pequeño_izquierda = new RectF();
ovalo_pequeño_izquierda.set(x_S4+50-(radio_ovalo/2),
y_S4-(radio_ovalo/2),
x_S4+50+(radio_ovalo/2),
y_S4+(radio_ovalo/2));
//Creamos el camino del ovalo inferior
final RectF ovalo_inferior = new RectF();
ovalo_inferior.set(x_S3-((float) Math.sqrt((radio_ovalo*radio_ovalo)+(radio_ovalo*radio_ovalo))),
y_S3-((float)Math.sqrt((radio_ovalo*radio_ovalo)+(radio_ovalo*radio_ovalo))),
x_S3+((float)Math.sqrt((radio_ovalo*radio_ovalo)+(radio_ovalo*radio_ovalo))),
y_S3+((float)Math.sqrt((radio_ovalo*radio_ovalo)+(radio_ovalo*radio_ovalo))));
//Creamos el camino del ovalo superior
final RectF ovalo_superior = new RectF();
ovalo_superior.set(x_S0-((float) Math.sqrt((radio_ovalo*radio_ovalo)+(radio_ovalo*radio_ovalo))),
y_S0-((float)Math.sqrt((radio_ovalo*radio_ovalo)+(radio_ovalo*radio_ovalo))),
x_S0+((float)Math.sqrt((radio_ovalo*radio_ovalo)+(radio_ovalo*radio_ovalo))),
y_S0+((float)Math.sqrt((radio_ovalo*radio_ovalo)+(radio_ovalo*radio_ovalo))));
//Dibujamos círculos y letras
canvas.drawCircle(x_S0, y_S0, radio, pincel);
canvas.drawText("S0",x_S0-5,y_S0+5, pincel);
canvas.drawCircle(x_S1, y_S1, radio, pincel);
canvas.drawText("S1",x_S1-5,y_S1+5, pincel);
canvas.drawCircle(x_S2, y_S2, radio, pincel);
canvas.drawText("S2",x_S2-5,y_S2+5, pincel);
canvas.drawCircle(x_S3, y_S3, radio, pincel);
canvas.drawText("S3",x_S3-5,y_S3+5, pincel);
canvas.drawCircle(x_S4, y_S4, radio, pincel);
canvas.drawText("S4",x_S4-5,y_S4+5, pincel);
//Si se pulsa un círculo, lo pintamos de rojo como si estuviera seleccionado
if (accion=="S0"){
pincel.setColor(Color.RED);
canvas.drawText("S0",x_S0-5,y_S0+5, pincel);
pincel.setColor(Color.BLACK);
}
if (accion=="S1"){
pincel.setColor(Color.RED);
canvas.drawText("S1",x_S1-5,y_S1+5, pincel);
pincel.setColor(Color.BLACK);
}
if (accion=="S2"){
pincel.setColor(Color.RED);
canvas.drawText("S2",x_S2-5,y_S2+5, pincel);
pincel.setColor(Color.BLACK);
}
if (accion=="S3"){
pincel.setColor(Color.RED);
canvas.drawText("S3",x_S3-5,y_S3+5, pincel);
pincel.setColor(Color.BLACK);
}
if (accion=="S4"){
pincel.setColor(Color.RED);
canvas.drawText("S4",x_S4-5,y_S4+5, pincel);
pincel.setColor(Color.BLACK);
}
//Para el segundo círculo pulsado
if (contador==2){
// //Mostramos el diálogo de alerta
// final CharSequence[] items = {"0 / 0", "0 / 1", "1 / 0", "1 / 1"};
// AlertDialog.Builder builder = new AlertDialog.Builder(MainActivity.this);
// builder.setTitle("Indica combinación de entrada/salida");
//
// builder.setSingleChoiceItems(items, -1, new DialogInterface.OnClickListener() {
// public void onClick(DialogInterface dialog, int item) {
//
// if (item==1){
// text="0 / 0";
// dialog.cancel();
// }
//
// if (item==2){
// text="0 / 1";
// dialog.cancel();
// }
//
// if (item==3){
// text="1 / 0";
// dialog.cancel();
// }
//
// if (item==4){
// text="1 / 1";
// dialog.cancel();
// }
// }
//
// });
//
// AlertDialog alert = builder.create();
// alert.show();
//Vemos cuál es el segundo círculo pulsado
if ((x>=x_S0-radio && x<=x_S0+radio) && (y>=y_S0-radio && y<=y_S0+radio)){ //S0
x_destino=x_S0; //guardamos las coordenadas del segundo círculo pulsado como destino
y_destino=y_S0;
if (x_origen==260 && y_origen==200){ //S1
path.arcTo(ovalo_principal,-12,-66 ,true);
canvas.drawPath(path, pincel);
// canvas.drawTextOnPath(text, path, 50, 20, pincel);
}
if (x_origen==60 && y_origen==200){ //S4
path.arcTo(ovalo_principal,192,66 ,true);
canvas.drawPath(path, pincel);
// canvas.drawTextOnPath(text, path, 50, 20, pincel);
}
if (x_origen==160 && y_origen==200){//S2
path.arcTo(ovalo_pequeño_superior,80,-160 ,true);
canvas.drawPath(path, pincel);
// canvas.drawTextOnPath(text, path, 50, 20, pincel);
}
if (x_origen==160 && y_origen==300){//S3
path.arcTo(ovalo_izquierda,38,-76 ,true);
canvas.drawPath(path, pincel);
// canvas.drawTextOnPath(text, path, 50, 20, pincel);
}
// }
contador=0;
}
if ((x>=x_S1-radio && x<=x_S1+radio) && (y>=y_S1-radio && y<=y_S1+radio)){//S1
x_destino=x_S1;
y_destino=y_S1;
if (x_origen==160 && y_origen==100){ //S0
path.arcTo(ovalo_superior_derecha,102,66,true);
canvas.drawPath(path, pincel);
// canvas.drawTextOnPath(text, path, 50, 20, pincel);
}
if (x_origen==60 && y_origen==200){ //S4
path.arcTo(ovalo_superior,127,-74,true);
canvas.drawPath(path, pincel);
// canvas.drawTextOnPath(text, path, 50, 20, pincel);
}
if (x_origen==160 && y_origen==200){//S2
path.arcTo(ovalo_pequeño_derecha,12,166 ,true);
canvas.drawPath(path, pincel);
// canvas.drawTextOnPath(text, path, 50, 20, pincel);
}
if (x_origen==160 && y_origen==300){//S3
path.arcTo(ovalo_principal,12,66 ,true);
canvas.drawPath(path, pincel);
// canvas.drawTextOnPath(text, path, 50, 20, pincel);
}
// }
contador=0;
}
if ((x>=x_S2-radio && x<=x_S2+radio) && (y>=y_S2-radio && y<=y_S2+radio)){//S2
x_destino=x_S2;
y_destino=y_S2;
if (x_origen==160 && y_origen==100){ //S0
path.arcTo(ovalo_pequeño_superior,102,156,true);
canvas.drawPath(path, pincel);
// canvas.drawTextOnPath(text, path, 50, 20, pincel);
}
if (x_origen==60 && y_origen==200){ //S4
path.arcTo(ovalo_pequeño_izquierda,12,166,true);
canvas.drawPath(path, pincel);
// canvas.drawTextOnPath(text, path, 50, 20, pincel);
}
if (x_origen==260 && y_origen==200){//S1
path.arcTo(ovalo_pequeño_derecha,-12,-166,true);
canvas.drawPath(path, pincel);
// canvas.drawTextOnPath(text, path, 50, 20, pincel);
}
if (x_origen==160 && y_origen==300){//S3
path.arcTo(ovalo_pequeño_inferior,102,156,true);
canvas.drawPath(path, pincel);
// canvas.drawTextOnPath(text, path, 50, 20, pincel);
}
// }
contador=0;
}
if ((x>=x_S3-radio && x<=x_S3+radio) && (y>=y_S3-radio && y<=y_S3+radio)){//S3
x_destino=x_S3;
y_destino=y_S3;
if (x_origen==160 && y_origen==100){ //S0
path.arcTo(ovalo_derecha,142,76,true);
canvas.drawPath(path, pincel);
// canvas.drawTextOnPath(text, path, 50, 20, pincel);
}
if (x_origen==60 && y_origen==200){ //S4
path.arcTo(ovalo_principal,102,76,true);
canvas.drawPath(path, pincel);
// canvas.drawTextOnPath(text, path, 50, 20, pincel);
}
if (x_origen==260 && y_origen==200){//S1
path.arcTo(ovalo_inferior_derecha,192,66,true);
canvas.drawPath(path, pincel);
// canvas.drawTextOnPath(text, path, 50, 20, pincel);
}
if (x_origen==160 && y_origen==200){//S2
path.arcTo(ovalo_pequeño_inferior,78,-156,true);
canvas.drawPath(path, pincel);
// canvas.drawTextOnPath(text, path, 50, 20, pincel);
}
// }
contador=0;
}
if ((x>=x_S4-radio && x<=x_S4+radio) && (y>=y_S4-radio && y<=y_S4+radio)){//S4
x_destino=x_S4;
y_destino=y_S4;
if (x_origen==160 && y_origen==100){ //S0
path.arcTo(ovalo_superior_izquierda,12,66,true);
canvas.drawPath(path, pincel);
// canvas.drawTextOnPath(text, path, 50, 20, pincel);
}
if (x_origen==160 && y_origen==300){ //S3
path.arcTo(ovalo_inferior_izquierda,-12,-66,true);
canvas.drawPath(path, pincel);
// canvas.drawTextOnPath(text, path, 50, 20, pincel);
}
if (x_origen==260 && y_origen==200){//S1
path.arcTo(ovalo_inferior,233,74,true);
canvas.drawPath(path, pincel);
// canvas.drawTextOnPath(text, path, 50, 20, pincel);
}
if (x_origen==160 && y_origen==200){//S2
path.arcTo(ovalo_pequeño_izquierda,192,156,true);
canvas.drawPath(path, pincel);
// canvas.drawTextOnPath(text, path, 50, 20, pincel);
}
// }
contador=0;
}
}
}
//Método que escucha si pulsamos la pantalla
public boolean onTouchEvent(MotionEvent e){
//Obtenemos coordenadas de donde pulsamos
x=e.getX();
y=e.getY();
//Si pulsamos cualquiera de los círculos
if ((x>=x_S0-radio && x<=x_S0+radio) && (y>=y_S0-radio && y<=y_S0+radio)){ //S0
if (e.getAction()==MotionEvent.ACTION_DOWN){
accion="S0"; //señal para colorear de rojo el circulo
}
if (e.getAction()==MotionEvent.ACTION_UP){
contador=contador+1; //contador de que hemos pulsado el primer círculo
if (contador==1){ //si pulsamos el primer círculo, guardamos las coordenadas de ese círculo como origen
x_origen=x_S0;
y_origen=y_S0;
}
}
}
if ((x>=x_S1-radio && x<=x_S1+radio) && (y>=y_S1-radio && y<=y_S1+radio)){//S1
if (e.getAction()==MotionEvent.ACTION_DOWN){
accion="S1";
}
if (e.getAction()==MotionEvent.ACTION_UP){
contador=contador+1;
if (contador==1){
x_origen=x_S1;
y_origen=y_S1;
}
}
}
if ((x>=x_S2-radio && x<=x_S2+radio) && (y>=y_S2-radio && y<=y_S2+radio)){//S2
if (e.getAction()==MotionEvent.ACTION_DOWN){
accion="S2";
}
if (e.getAction()==MotionEvent.ACTION_UP){
contador=contador+1;
if (contador==1){
x_origen=x_S2;
y_origen=y_S2;
}
}
}
if ((x>=x_S3-radio && x<=x_S3+radio) && (y>=y_S3-radio && y<=y_S3+radio)){//S3
if (e.getAction()==MotionEvent.ACTION_DOWN){
accion="S3";
}
if (e.getAction()==MotionEvent.ACTION_UP){
contador=contador+1;
if (contador==1){
x_origen=x_S3;
y_origen=y_S3;
}
}
}
if ((x>=x_S4-radio && x<=x_S4+radio) && (y>=y_S4-radio && y<=y_S4+radio)){//S4
if (e.getAction()==MotionEvent.ACTION_DOWN){
accion="S4";
}
if (e.getAction()==MotionEvent.ACTION_UP){
contador=contador+1;
if (contador==1){
x_origen=x_S4;
y_origen=y_S4;
}
}
}
invalidate();
return true;
}
}
}
答案 0 :(得分:0)
不要扩展视图。按照您希望的方式设置整个布局,然后取出应添加的部分并将其放入“layouts”文件夹中的新XML中。
RelativeLayout parent= (RelativeLayout)findViewById(R.id.item);
View element = getLayoutInflater().inflate(R.layout.element, parent);
请记住将RelativeLayout更改为您拥有的任何类型的布局并更改ID。
答案 1 :(得分:0)
我创建了带有两个微调器的xml(名为“activity_main”)
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context=".MainActivity" >
<Spinner
android:id="@+id/spinner2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_alignParentLeft="true" />
<Spinner
android:id="@+id/spinner1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_alignParentRight="true" />
</RelativeLayout>
之后,我在onCreate
中找到了其中一个微调器RelativeLayout parent= (RelativeLayout)findViewById(R.id.spinner1);
然后,我必须写下这段代码?
getLayoutInflater().inflate(R.layout.activity_main, parent);
谢谢Circuit Smasher