梯形布局

最新推荐文章于 2023-09-01 15:27:07 发布
最新推荐文章于 2023-09-01 15:27:07 发布
阅读量350 收藏
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41931303/article/details/80879553
版权
这是一个关于自定义Android视图的博客，作者通过创建`MyView`类继承`ViewGroup`，实现了梯形布局的效果。代码中包含了对子视图的测量和布局，特别是在`onMeasure`和`onLayout`方法中处理了子视图的位置和大小。此外，博客还涉及到网络请求的`OkHttpManager`类，用于处理JSON数据。
摘要由CSDN通过智能技术生成
package com.example.myapplication;


public class MainActivity extends AppCompatActivity implements View.OnClickListener {
    private Button btn_add;
    private int i = 0;
    private MyView myView;
    private TextView textView;
    private Button btn_del;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate( savedInstanceState );
        setContentView( R.layout.activity_main );
        myView = findViewById( R.id.avs );
        btn_add =  findViewById(R.id.btn_add);
        btn_add.setOnClickListener(this);
        btn_del = findViewById( R.id.btn_del );
    }

    @Override
    public void onClick(View v) {
        switch (v.getId()) {
            case R.id.btn_add:
                i++;
                textView = new TextView(MainActivity.this);
                textView.setText("这是第"+i+"个");
                textView.setWidth(200);
                textView.setHeight(55);
                if (i%3 ==1){
                    textView.setBackgroundColor(Color.RED);
                }else if (i%3 ==2){
                    textView.setBackgroundColor( Color.GREEN);
                }else {
                    textView.setBackgroundColor(Color.BLUE);
                }
                textView.setOnClickListener( new View.OnClickListener() {
                    @Override
                    public void onClick(View v) {
                        Intent intent = new Intent( MainActivity.this, Main2Activity.class );
                        startActivity( intent );
                    }
                } );
                myView.addView( textView );
                break;
            case R.id.btn_del:
                if (i>0){
                i--;
                myView.removeView( textView );
                break;
        }
    }
    }

}



package com.example.myapplication;

import android.content.Context;
import android.graphics.Canvas;
import android.util.AttributeSet;
import android.view.View;
import android.view.ViewGroup;

/**
 * data;2018/5/30
 * author:任志军
 */

public class MyView extends ViewGroup {
    public MyView(Context context) {
        super( context );
    }

    public MyView(Context context, AttributeSet attrs) {
        super( context, attrs );
    }

    public MyView(Context context, AttributeSet attrs, int defStyleAttr) {
        super( context, attrs, defStyleAttr );
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw( canvas );
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure( widthMeasureSpec, heightMeasureSpec );
        measureChildren( widthMeasureSpec,heightMeasureSpec );
        int childCount = getChildCount();
        //定义一个临时高度
        int startHeight=0;
        int startWidth=0;

        for (int a = 0; a <childCount ; a++) {
            View childAt = getChildAt( a );
            childAt.layout( startWidth,startHeight,startWidth+childAt.getMeasuredWidth(),startHeight+childAt.getMeasuredHeight() );
            startHeight+=childAt.getMeasuredHeight();
            if ((a+1)%3==0){
                startWidth=2;
            }else {
                startWidth+=childAt.getMeasuredWidth();
            }
        }
    }

    @Override
    protected void onLayout(boolean changed, int l, int t, int r, int b) {

    }
}


package com.example.myapplication;




public class Main2Activity extends AppCompatActivity {
private String path="http://365jia.cn/news/api3/365jia/news/headline?page=1";
    private XRecyclerView recyclerView;
private OkHttpManager mokHttpManager=new OkHttpManager();
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate( savedInstanceState );
        setContentView( R.layout.activity_main2 );
        recyclerView = findViewById( R.id.xlv );
        mokHttpManager.asyncJsonObjectByURL( path, new OkHttpManager.Func3() {
            @Override
            public void onResponse(JSONObject jsonObject) {

            }
        } );
        mokHttpManager.asyncJsonStringByURL( path, new OkHttpManager.Func1() {
            @Override
            public void onResponse(String result) {
                Gson gson = new Gson();
                ReaBean1 reaBean1 = gson.fromJson( result, ReaBean1.class );
                List<ReaBean1.DataBeanX.DataBean> data = reaBean1.getData().getData();

            }
        } );
    }


}


package com.example.myapplication.view;



public class MyRecyterviewAdapter {
}


package com.example.myapplication.uitl;

import android.os.Handler;


public class OkHttpManager {


    private final OkHttpClient mclient;
    private static Handler handler;
    private volatile static OkHttpManager sManager;//防止多个线程同时访问

    public OkHttpManager() {
        mclient = new OkHttpClient();
        handler = new Handler();
    }

    //    使用单例模式，通过获取的方式拿到对象
    public static OkHttpManager getInstance() {
        OkHttpManager instance = null;
        if (sManager == null) {
            synchronized (OkHttpManager.class) {
                if (instance == null) {
                    instance = new OkHttpManager();
                    sManager = instance;
                }
            }
        }
        return instance;
    }
    //    定义要调用的接口
   public interface  Func1{
        void  onResponse(String result);
    }
    interface Func2{
        void onResponse(byte [] result);
    }
  public   interface Func3{
        void  onResponse(JSONObject jsonObject);
    }
//    使编写的代码运行在主线程
//    处理请求网络成功的方法，返回的结果是Json串
private static void onSuccessJsonStringMethod(final String jsonValue, final Func1 callBack){
    handler.post(new Runnable() {
        @Override
        public void run() {
            if (callBack!=null){
                try {
                    callBack.onResponse(jsonValue);
                }catch (Exception e){
                    e.printStackTrace();
                }

            }
        }
    });
}
    /**
     * 返回响应的结果是Json对象
     * @param jsonValue
     * @param callBack
     */
    private void onSuccessJsonObjectMethod(final String jsonValue, final Func3 callBack){
        handler.post(new Runnable() {
            @Override
            public void run() {
                if (callBack!=null){
                    try{
                        callBack.onResponse(new JSONObject(jsonValue));
                    }catch(JSONException e){
                        e.printStackTrace();
                    }
                }
            }
        });
    }


    public  void  asyncJsonStringByURL(String url,final Func1 callBack){
        final  Request request = new Request.Builder().url(url).build();
        mclient.newCall(request).enqueue(new Callback() {
            @Override
            public void onFailure(okhttp3.Call call, IOException e) {
            }
            @Override
            public void onResponse(okhttp3.Call call, Response response) throws IOException {
                if (response!=null&&response.isSuccessful()){
                    onSuccessJsonStringMethod(response.body().string(),callBack);
                }
            }
        });
    }




    /**
     * 请求返回的是json对象
     *
     * @param url
     * @param callBack
     */
    public void asyncJsonObjectByURL(String url, final Func3 callBack) {
        final Request request = new Request.Builder().url(url).build();
        mclient.newCall(request).enqueue(new Callback() {
            @Override
            public void onFailure(okhttp3.Call call, IOException e) {
            }
            @Override
            public void onResponse(okhttp3.Call call, Response response) throws IOException {
                if (response != null && response.isSuccessful()) {
                    onSuccessJsonObjectMethod(response.body().string(), callBack);
                }
            }
        });
    }

}



package com.example.myapplication.uitl;

import android.os.Handler;

import org.json.JSONException;
import org.json.JSONObject;

import java.io.IOException;

import okhttp3.Callback;
import okhttp3.OkHttpClient;
import okhttp3.Request;
import okhttp3.Response;

/**
 * data;2018/5/30
 * author:任志军
 */

public class OkHttpManager {


    private final OkHttpClient mclient;
    private static Handler handler;
    private volatile static OkHttpManager sManager;//防止多个线程同时访问

    public OkHttpManager() {
        mclient = new OkHttpClient();
        handler = new Handler();
    }

    //    使用单例模式，通过获取的方式拿到对象
    public static OkHttpManager getInstance() {
        OkHttpManager instance = null;
        if (sManager == null) {
            synchronized (OkHttpManager.class) {
                if (instance == null) {
                    instance = new OkHttpManager();
                    sManager = instance;
                }
            }
        }
        return instance;
    }
    //    定义要调用的接口
   public interface  Func1{
        void  onResponse(String result);
    }
    interface Func2{
        void onResponse(byte [] result);
    }
  public   interface Func3{
        void  onResponse(JSONObject jsonObject);
    }
//    使编写的代码运行在主线程
//    处理请求网络成功的方法，返回的结果是Json串
private static void onSuccessJsonStringMethod(final String jsonValue, final Func1 callBack){
    handler.post(new Runnable() {
        @Override
        public void run() {
            if (callBack!=null){
                try {
                    callBack.onResponse(jsonValue);
                }catch (Exception e){
                    e.printStackTrace();
                }

            }
        }
    });
}
    /**
     * 返回响应的结果是Json对象
     * @param jsonValue
     * @param callBack
     */
    private void onSuccessJsonObjectMethod(final String jsonValue, final Func3 callBack){
        handler.post(new Runnable() {
            @Override
            public void run() {
                if (callBack!=null){
                    try{
                        callBack.onResponse(new JSONObject(jsonValue));
                    }catch(JSONException e){
                        e.printStackTrace();
                    }
                }
            }
        });
    }


    public  void  asyncJsonStringByURL(String url,final Func1 callBack){
        final  Request request = new Request.Builder().url(url).build();
        mclient.newCall(request).enqueue(new Callback() {
            @Override
            public void onFailure(okhttp3.Call call, IOException e) {
            }
            @Override
            public void onResponse(okhttp3.Call call, Response response) throws IOException {
                if (response!=null&&response.isSuccessful()){
                    onSuccessJsonStringMethod(response.body().string(),callBack);
                }
            }
        });
    }




    /**
     * 请求返回的是json对象
     *
     * @param url
     * @param callBack
     */
    public void asyncJsonObjectByURL(String url, final Func3 callBack) {
        final Request request = new Request.Builder().url(url).build();
        mclient.newCall(request).enqueue(new Callback() {
            @Override
            public void onFailure(okhttp3.Call call, IOException e) {
            }
            @Override
            public void onResponse(okhttp3.Call call, Response response) throws IOException {
                if (response != null && response.isSuccessful()) {
                    onSuccessJsonObjectMethod(response.body().string(), callBack);
                }
            }
        });
    }
}


<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="com.example.myapplication.MainActivity">
  <LinearLayout
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:orientation="horizontal" >
    <Button
        android:layout_width="0dp"
        android:layout_weight="1"
        android:layout_height="wrap_content"
        android:text="-"
        android:id="@+id/btn_del"/>
    <TextView
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="8"
        android:gravity="center"
        android:text="三色梯"/>
    <Button
        android:layout_width="0dp"
        android:layout_weight="1"
        android:layout_height="wrap_content"
        android:text="+"
        android:id="@+id/btn_add"/>
  </LinearLayout>
  <com.example.myapplication.MyView
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:id="@+id/avs"></com.example.myapplication.MyView>

</LinearLayout>


<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.example.myapplication.Main2Activity">
<com.jcodecraeer.xrecyclerview.XRecyclerView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/xlv"></com.jcodecraeer.xrecyclerview.XRecyclerView>
</android.support.constraint.ConstraintLayout>



盛夏521
关注
Android使用自定义view实现标题栏、梯形布局以及二维码扫描
wq857260622的博客
12-03 1461
案例效果图： 项目清单文件权限: build.gradle添加依赖 compile 'com.journeyapps:zxing-android-embedded:3.3.0' 要求： 实现如图所示效果，标题栏通过组合View的方式进行实现，统一对外暴露左侧按钮和右侧按钮点击 的方法，在点击右侧的回调方法中跳转
android 自定义View 梯形布局
qq_37267423的博客
11-05 3831
public class TextView extends ViewGroup { private int size; public TextView(Context context) { super(context); } public TextView(Context context, AttributeSet attrs) {
Android-TrapezoidPartsView-梯形控件
08-13
梯形控件，the Trapezoid Parts View which draw Trapezoid image. and event on it.
三角形兼梯形布局
SOLO的博客
09-29 1001
序言在最近的项目开发中遇到了这种UI。传统的办法就是通过两个线性布局进行计算，但是第二行每个item的宽度是根据第一行计算出来的，而第一行每个Item的宽度又得根据屏幕宽度来计算。且第二行还有一个偏移量需要计算。如果有多行这种梯形布局。比如键盘。又该怎么处理呢。 于是我想能不能有一种梯形布局来实现这种递减的效果。实现自动布局，我们只需要将View放置在其中就可以了。但是应该叫什么名字，最后发现其实
组合View(实现梯形布局，可以增加元素和删除元素)
jun_tong的博客
05-15 506
 技术选型1.组合View；2.自定义ViewGroup；3.接口回调；例图：1.实现如图1视图效果，包括一个头部布局和一个梯形布局；2.通过组合控件的方式实现头部布局        1）左侧减号，右侧加号，中间显示梯形布局添加的子控件的数量        2）对外提供统一的点击事件监听，不能在外部拿到控件id的方式实现        3）点击加号时中间文字数据数量加1，点击减号时，数据数量减1，...
Android 梯形进度条、下载进度条；
Choi晨的博客
01-23 1216
额，Gif有点卡； 梯形、矩形、圆角、背景色、前景色、进度条中的文字都可以改； &lt;?xml version="1.0" encoding="utf-8"?&gt; &lt;LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.andr...
自定义View实现阶梯梯形布局以及二维码的实现
Anni__9468的博客
11-05 1341
一.要求 实现如图所示效果，标题栏通过组合View的方式进行实现，统一对外暴露左侧按钮和右侧按钮点击的方法，在点击右侧的回调方法中跳转到图二所示页面，图二的页面标题栏显示上一个页面组合View的视图，通过自定义ViewGroup的方式实现梯形布局（下一个视图的起始位置是上一个视图的结束位置）。图一中间的进度条使用继承自View的方式进行实现，并使用自定义属性的方式来设置进度条中间的颜色。点击
android自定义 三色梯，梯形布局
鱼忘七秒的博客
06-01 4068
ThreeColorView public class ThreeColorView extends ViewGroup { public ThreeColorView(Context context) { super(context); } public ThreeColorView(Context context, AttributeSet attr...
自定义View双梯形布局+自定义标题栏（点击事件）
aa15362415的博客
06-10 223
//自定义标题栏public class MyTitleView extends LinearLayout implements View.OnClickListener{    public MyTitleView(Context context) {        super(context);    }    public MyTitleView(Context context, @Null...
多边形控件
07-03
是一个对多边形的边数控制的应用程序。可控制多边形的变数和颜色
自己整理div+css网页标准版式布局(50种布局方式)
12-09
大四了，把之前学的些东西整理整理分享给大家，适合老师网页设计教材及初学者，里面包含了以下内容： 1、固定宽度CSS版式布局 2、自适应(弹性)宽度CSS版式布局 3、标准布局常见问题及解决办法 像素问题及解决办法 上边容器浮动后，下边的容器跟着浮动，造成页面错乱 当子元素浮动且未知高度时，怎么使父容器适应子元素的高度？ 相对定位与绝对定位 IE6双倍边距bug 4、盒模型层次平面示意图和3D示意图
Android自定义View实现shape图形绘制
08-31
主要为大家详细介绍了Android使用自定义View实现shape图形绘制，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
用svg path 绘制梯形
u012632105的博客
09-01 631
元素外，你也可以在 JavaScript 中通过创建 SVG 元素来绘制梯形。元素，还是在 JavaScript 中创建 SVG 元素，都可以轻松地绘制出梯形。你可以根据需要调整坐标点的位置和顺序，来实现不同形状的梯形。元素中，并将整个 SVG 元素添加到 HTML 页面的。元素，并设置宽度和高度。具体来说，我们先移动到左下角点。在这个示例中，我们先创建了一个。在这个示例中，我们使用了一个。表示从当前点连接到指定的点，表示连接到起始点，闭合路径。表示移动到指定的坐标点，，然后连接到右下角点。
android 梯形按钮_Android 自定义角标View
weixin_39680380的博客
12-29 519
0我们要实现的角标View的效果如上图所示。怎么去做呢？当然需要自定义View了，角标的背景(三角形、梯形)可以先通过Path连接每一个边，然后绘制Path到画布上，最后再把文字绘制到画布上，接下来一步步看。我们的角标View在画布上占据一个正方形区域(图1虚线区域)，初始状态如下图： 1可以看到，初始状态下画布的坐标系原点在View的左上角，但是这样不方便进行数据计算，所以我们先将...
android 梯形按钮_Android 梯形进度条、下载进度条；
weixin_39704971的博客
12-19 271
额，Gif有点卡；梯形、矩形、圆角、背景色、前景色、进度条中的文字都可以改；xmlns:app="http://schemas.android.com/apk/res-auto"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_p...
Android 梯形TextView
ganshenml的专栏
09-25 1080
背景 实现一个梯形的TextView。 一.图示效果 二.代码 public class LadderTextView extends android.support.v7.widget.AppCompatTextView { private static final String TAG = "LadderView"; private Path linePath; pr...
梯形
gengtianbo的博客
05-31 244
自定义viewpublic class MyThereColorView extends ViewGroup { public MyThereColorView(Context context) { super( context ); } public MyThereColorView(Context context, AttributeSet attrs...
uniapp梯形tab页
最新发布
10-10
uniApp的梯形Tab页是一种自定义UI组件设计，它允许开发者创建类似手机应用底部常见的梯形布局的导航栏，用于切换不同的页面或功能区。在uniApp框架中，你可以通过`vant-tabs`组件结合自定义样式来实现这种效果。这个...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值