Android简明开发教程十五：RadioButton 多边形及路径绘制

最新推荐文章于 2022-04-10 21:39:56 发布
最新推荐文章于 2022-04-10 21:39:56 发布
阅读量2.5k 收藏
点赞数
分类专栏： Android 教程 Android ApiDemo实例解析 文章标签： radiobutton android layout path colors null
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mapdigit/article/details/6415302
版权

这个例子是绘制多边形，多义形和路径，采用单选钮RadioButton来选择Polys 和Path示例:

UI 设计为 上部分用来显示绘图内容，下部分为两个单选按钮 Polys ，Path。这样layout就和main.xml 不一样，main.xml只含一个com.pstreets.graphics2d.GuidebeeGraphics2DView。因此需在res/layout下新建一个polys.xml：

<?xml version=”1.0″ encoding=”utf-8″?>
<LinearLayout xmlns:android=”http://schemas.android.com/apk/res/android”
    android:orientation=”vertical”
    android:background=”@drawable/white”
 android:layout_width=”fill_parent”
 android:layout_height=”fill_parent”>
    <com.pstreets.graphics2d.GuidebeeGraphics2DView
     android:id=”@+id/graphics2dview”
     android:layout_weight=”1″
     android:layout_width=”fill_parent”
     android:layout_height=”wrap_content”/>
 <LinearLayout xmlns:android=”http://schemas.android.com/apk/res/android”
  android:layout_width=”wrap_content” android:layout_height=”wrap_content”
  android:orientation=”horizontal”
  
  >
  <RadioGroup
     android:layout_width=”wrap_content”
     android:orientation=”horizontal”
     android:textSize=”20dp”
     android:layout_height=”wrap_content”>
   <RadioButton android:text=”Polys”
       android:id=”@+id/radioPolys”
    android:layout_width=”wrap_content”
    android:textColor=”@color/black”
    android:checked=”true”
    android:layout_height=”wrap_content”>
   </RadioButton>
   <RadioButton android:text=”Path”
        android:id=”@+id/radioPath”
    android:layout_width=”wrap_content”
    android:textColor=”@color/black”
    android:layout_height=”wrap_content”>
   </RadioButton>
  </RadioGroup>
 </LinearLayout>

</LinearLayout>

RadioButton 需包含在RadioGroup中做为一个分组，这里将Polys 设为选中。

定义好Layout资源后，修改 Path.java

1
2
3
4
5
6
7
8
9
10
11
12
13
14
private RadioButton radioPoly;
private RadioButton radioPath;
  
public void onCreate(Bundle savedInstanceState) {
  super .onCreate(savedInstanceState);
  setContentView(R.layout.polys);
  graphic2dView
   = (GuidebeeGraphics2DView)
     findViewById(R.id.graphics2dview);
  radioPath = (RadioButton) findViewById(R.id.radioPath);
  radioPoly = (RadioButton) findViewById(R.id.radioPolys);
  radioPath.setOnClickListener( this );
  radioPoly.setOnClickListener( this );
}

应为需要处理按键消息，所以定义了两个RadioButton对象，可以通过findViewById获取实例。因为两个RadioButton这里采用同样的处理方法，可以让Path实现OnClickListener ，即：public class Path extends Graphics2DActivity   implements OnClickListener。完整代码如下：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
public class Path extends Graphics2DActivity
    implements OnClickListener {
  
     private RadioButton radioPoly;
     private RadioButton radioPath;
  
     public void onCreate(Bundle savedInstanceState) {
         super .onCreate(savedInstanceState);
         setContentView(R.layout.polys);
         graphic2dView
          = (GuidebeeGraphics2DView)
            findViewById(R.id.graphics2dview);
         radioPath = (RadioButton) findViewById(R.id.radioPath);
         radioPoly = (RadioButton) findViewById(R.id.radioPolys);
         radioPath.setOnClickListener( this );
         radioPoly.setOnClickListener( this );
     }
  
     @Override
     protected void drawImage() {
         if (radioPoly.isChecked()) {
             drawPolys();
         } else {
             drawPaths();
         }
         graphic2dView.refreshCanvas();
  
     }
  
     @Override
     public void onClick(View view) {
         drawImage();
     }
  
     private void drawPaths() {
         AffineTransform mat1;
  
         // The path.
         com.mapdigit.drawing.geometry.Path path;
  
         // Colors
         Color redColor = new Color( 0x96ff0000 , true );
         Color greenColor = new Color( 0xff00ff00 );
         Color blueColor = new Color( 0x750000ff , true );
  
         String pathdata
            = "M 60 20 Q -40 70 60 120 Q 160 70 60 20 z" ;
         mat1 = new AffineTransform();
         mat1.translate( 30 , 40 );
         mat1.rotate(- 30 * Math.PI / 180.0 );
         path = com.mapdigit.drawing.geometry.Path.fromString(pathdata);
         // Clear the canvas with white color.
         graphics2D.clear(Color.WHITE);
  
         graphics2D.setAffineTransform( new AffineTransform());
         SolidBrush brush = new SolidBrush(greenColor);
         graphics2D.fill(brush, path);
         graphics2D.setAffineTransform(mat1);
  
         brush = new SolidBrush(blueColor);
         com.mapdigit.drawing.Pen pen
            = new com.mapdigit.drawing.Pen(redColor, 5 );
         graphics2D.setPenAndBrush(pen, brush);
         graphics2D.draw( null , path);
         graphics2D.fill( null , path);
  
     }
  
     private void drawPolys() {
         AffineTransform mat1;
  
         // Colors
         Color redColor = new Color( 0x96ff0000 , true );
         Color greenColor = new Color( 0xff00ff00 );
         Color blueColor = new Color( 0x750000ff , true );
  
         Polyline polyline;
         Polygon polygon;
         Polygon polygon1;
  
         String pointsdata1
         = "59,45,95,63,108,105,82,139,39,140,11,107,19,65" ;
         mat1 = new AffineTransform();
         mat1.translate( 30 , 40 );
         mat1.rotate(- 30 * Math.PI / 180.0 );
         polyline = new Polyline();
         polygon = new Polygon();
         polygon1 = new Polygon();
         Point[] points = Point.fromString(pointsdata1);
         for ( int i = 0 ; i < points.length; i++) {
             polyline.addPoint(points[i].x, points[i].y);
             polygon.addPoint(points[i].x, points[i].y);
             polygon1.addPoint(points[i].x, points[i].y);
         }
         // Clear the canvas with white color.
         graphics2D.clear(Color.WHITE);
  
         graphics2D.setAffineTransform( new AffineTransform());
         SolidBrush brush = new SolidBrush(greenColor);
         graphics2D.fillPolygon(brush, polygon);
         graphics2D.setAffineTransform(mat1);
  
         brush = new SolidBrush(blueColor);
         com.mapdigit.drawing.Pen pen
            = new com.mapdigit.drawing.Pen(redColor, 5 );
         graphics2D.setPenAndBrush(pen, brush);
         graphics2D.fillPolygon( null , polygon1);
         graphics2D.drawPolyline( null , polyline);
  
     }
  
}

引路蜂
关注
专栏目录
绘制多边形和不规则按钮
u011068146的专栏
03-23 1639
绘制多边形和不规则按钮。要结合上次提到的贝塞尔曲线和CAShapeLayer，去绘制你想要的形状。然后通过layer层的遮罩mask，进行设置，但仅仅这样是不够的，没有遮挡的部分也会响应点击。所以要重写Button的这个方法：pointInside，之后会详细介绍 先简单介绍一下遮罩mask这个属性： 比如layerA是layerB的mask，即layerB.mask = layerA
Android之RadioButton
画茧自缚
01-16 4633
1、修改RadioButton圆圈、波纹和文字效果； 2、多组RadioButton的单选； 3、自定义RadioButton外观。
Android 三角形、四边形、多边形控件按钮
qq_24819517的博客
09-21 2252
项目地址：https://github.com/wochiqingcai/AnomalyImage
Android 不规则按钮
parcool的专栏
11-07 3207
各位朋友首先请移步 http://blog.csdn.net/windspeaker/article/details/8129269  看看这个效果
三种方法实现Android定制RadioButton样式
kurtash的专栏
03-23 1848
三种方法实现Android定制RadioButton样式:使用XML文件进行定义/在JAVA代码中定义等等，感兴趣的朋友可以参考下，希望可以帮助到你 三种方法  1.使用XML文件进行定义 res/drawable/radio.xml  复制代码 代码如下:       android:state_checked="false"  android:drawable="@dr
《Android开发视频教程》第十集：RadioButton单选按钮的使用.zip
最新发布
08-27
《Android开发视频教程》第十集：RadioButton单选按钮的使用.zip
Android应用开发-RadioButton与RadioGroup.pptx
12-10
在Android应用开发中，RadioButton和RadioGroup是两个重要的组件，它们通常用于创建单选列表，让用户从一组选项中选择一个。下面将详细讲解这两个组件及其相关知识点。 **RadioButton详解** RadioButton是一个显示...
Android开发设置RadioButton点击效果的方法
08-30
在Android开发中，RadioButton的属性包括text、textColor、background、drawableTop、checked等，其中text是RadioButton的文本，textColor是文本的颜色，background是背景颜色，drawableTop是RadioButton的图标，...
Android：解决RadioGroup中RadioButton的图片自定义及每项间隔距离一样
04-23
在Android开发中，RadioGroup和RadioButton是常用的组件，用于实现单选功能。本文将深入探讨如何自定义RadioButton的图片以及确保RadioGroup中的每个RadioButton之间的间隔距离保持一致。首先，我们来了解一下这两个...
凹多边形凸分解源码和使用说明
12-29
实现 凹多边形凸分解，提供源码和详细的说明说明
多边形按钮button
04-05
作者MachelleZhang，源码MZShapedButton，只在形状内响应的按钮，可以随便自定义，多边形按钮，只在形状内响应。
自定义Radio(shape/selector)
03-08
自定义shape文件的简单实用，包括不同active状态下的使用selector来绘制
Android自定义View——多边形网格属性图
09-06
Android自定义View——多边形网格属性图
android canvas 画曲线图 画三角形（多边形）
06-14
android 画曲线图 画三角形（多边形），可以画成股票K线图，儿童成长曲线等，使用android的canvas
Android开发之button的几种不同形状
wuluo的博客
03-09 9087
Android开发的过程中，button是最常用的控件之一，但有时候又会设计各种不同样式的button； 下面将会介绍几种不同形状的button。 新建上面的三个xml文件； jian.xml的代码： &lt;?xml version="1.0" encoding="utf-8"?&gt; &lt;selector xmlns:android="http://schemas.android.co...
数据可视化——绘制3D图表和绘制地图
qq_55708569的博客
04-10 5702
一、使用mplot3d绘制3D图表 1.1、mplot3d概述 matplotlib不仅专注于二维图表的绘制，也具有绘制3D图表、统计地图的功能，并将这些功能分别封装到工具包mpl_toolkits.mplot3d。mpl_toolkits.basemap中，另外还可以结合animation模块给图表添加动画效果。 matplt otlib 可以两种方式可以创建Axes3D类的对象。 通过以下： 第一种: Axes3D()方法。 第二种: add_subplot()方法。 1.2、绘制常见的3D图表 常
RadioButton 自绘控件
Billy Jue的博客
03-28 826
一种：import QtQuick 2.5import QtQuick.Controls 1.2import QtQuick.Controls.Styles 1.2RadioButton{ id: groupRadio; style: RadioButtonStyle{ indicator: Image{ source: control.checke...
Android 3G应用开发：RadioButton详解与智能手机平台解析
在Android开发中，单选框（RadioButton）是一个基础控件，用于实现用户在一组选项中只能选择一个的功能。RadioGroup是单选框的主要容器，它负责管理一组相关的RadioButton，并确保每次只有一个单选框处于选中状态。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值