paulyung541/LaybelLayout

自动换行布局 标签布局

Download

Step 1. Add the JitPack repository to your build file

Add it in your root settings.gradle at the end of repositories:

	dependencyResolutionManagement {
		repositoriesMode.set(RepositoriesMode.FAIL_ON_PROJECT_REPOS)
		repositories {
			mavenCentral()
			maven { url 'https://jitpack.io' }
		}
	}

Add it in your settings.gradle.kts at the end of repositories:

	dependencyResolutionManagement {
		repositoriesMode.set(RepositoriesMode.FAIL_ON_PROJECT_REPOS)
		repositories {
			mavenCentral()
			maven { url = uri("https://jitpack.io") }
		}
	}

Add to pom.xml

	<repositories>
		<repository>
		    <id>jitpack.io</id>
		    <url>https://jitpack.io</url>
		</repository>
	</repositories>

Add it in your build.sbt at the end of resolvers:

 
    resolvers += "jitpack" at "https://jitpack.io"

Add it in your project.clj at the end of repositories:

 
    :repositories [["jitpack" "https://jitpack.io"]]

Step 2. Add the dependency

	dependencies {
		implementation 'com.github.paulyung541:LaybelLayout:v1.10'
	}
	dependencies {
		implementation("com.github.paulyung541:LaybelLayout:v1.10")
	}
	<dependency>
	    <groupId>com.github.paulyung541</groupId>
	    <artifactId>LaybelLayout</artifactId>
	    <version>v1.10</version>
	</dependency>

                            
    libraryDependencies += "com.github.paulyung541" % "LaybelLayout" % "v1.10"
        
        

                            
    :dependencies [[com.github.paulyung541/LaybelLayout "v1.10"]]

Readme

LaybelLayout

这是一个可以根据内容自动换行的标签布局

原理剖析请看http://www.jianshu.com/p/82f0053b8726</br>

image image image

##添加依赖 在Projectd的gradle文件里添加如下：

maven { url 'https://jitpack.io' }

在项目主Module里添加如下：

compile 'com.github.paulyung541:LaybelLayout:v1.2.0'

自定义属性：

app:line_padding="Integer" <!-- 表示每一行的上下内边距 -->
app:text_background="reference" <!-- 表示TextView的自定义背景 -->

示例

在xml里面添加该控件

<com.paulyung.laybellayout.LaybelLayout
        android:id="@+id/laybel_layout"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:padding="5dp"
        app:text_background="@drawable/custom_back"
        app:line_padding="5"/>

设置Adapter提供数据<br> Note： 这个Adapter可不是ListView的Adapter哦，是自己定义的，不过用法差不多

laybelLayout = (LaybelLayout) findViewById(R.id.laybel_layout);
laybelLayout.setAdapter(new LaybelLayout.Adapter(Content.content));

如果要使用其它子View，比如ImageView，则需要重写Adapter.getView()方法

laybelLayout = (LaybelLayout) findViewById(R.id.laybelLayout);
laybelLayout.setAdapter(new LaybelLayout.Adapter(Content.images) {
    @Override
    public View getView() {
        ImageView imageView = new ImageView(ImageActivity.this);
        imageView.setScaleType(ImageView.ScaleType.CENTER_CROP);
        ViewGroup.MarginLayoutParams params = new ViewGroup.MarginLayoutParams(getWidth() / 3, getWidth() / 3);
        imageView.setLayoutParams(params);
        return imageView;
    }

    @Override
    public void onDataSet(View v, String data) {
        Glide.with(ImageActivity.this).load(data).into((ImageView) v);
    }
});

添加点击事件

laybelLayout.setOnItemClickListener(new LaybelLayout.OnItemClickListener() {
    @Override
    public void onItemClick(int p) {
        Toast.makeText(DefaultTextViewActivity.this, Content.content[p], Toast.LENGTH_SHORT).show();
    }
});