zoukankan      html  css  js  c++  java
  • 推荐android布局百分比框架

    githup:https://github.com/JulienGenoud/android-percent-support-lib-sample

    下面是使用方法:

    Android Percent Support Lib Sample :triangular_ruler::triangular_ruler::triangular_ruler:

    Android Arsenal

    I made a sample of the new percent support library.
    You can check official docs reference here and here.
    This library provide percentage based layouts, horizontal and vertical at the same time.

    simple result

    PercentRelativeLayout

    complex result

    PercentRelativeLayout Complex

    How to use :

    just add percent support library to your project

    dependencies {
        compile 'com.android.support:percent:25.3.0'
    }

    ###Supported Layouts :

    ####PercentRelativeLayout

    <android.support.percent.PercentRelativeLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        
        <View
            android:id="@+id/top_left"
            android:layout_width="0dp"
            android:layout_height="0dp"
            android:layout_alignParentTop="true"
            android:background="#ff44aacc"
            app:layout_heightPercent="20%"
            app:layout_widthPercent="70%" />
    
        <View
            android:id="@+id/top_right"
            android:layout_width="0dp"
            android:layout_height="0dp"
            android:layout_alignParentTop="true"
            android:layout_toRightOf="@+id/top_left"
            android:background="#ffe40000"
            app:layout_heightPercent="20%"
            app:layout_widthPercent="30%" />
    
    
        <View
            android:id="@+id/bottom"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_below="@+id/top_left"
            android:background="#ff00ff22"
            app:layout_heightPercent="80%" />
    </android.support.percent.PercentRelativeLayout>

    ####PercentLinearLayout

    <com.juliengenoud.percentsamples.PercentLinearLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">
         <View
            android:layout_width="0dp"
            android:layout_height="0dp"
            android:background="#ff44aacc"
            app:layout_heightPercent="10%"
            app:layout_widthPercent="60%"/>
    
        <View
            android:layout_width="0dp"
            android:layout_height="0dp"
            android:background="#ff4400cc"
            app:layout_heightPercent="10%"
            app:layout_widthPercent="70%"/>
    </com.juliengenoud.percentsamples.PercentLinearLayout>

    ####PercentFrameLayout

    <android.support.percent.PercentFrameLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
            <!-- ... XML CODE -->
    </android.support.percent.PercentFrameLayout>

    简单明了。

  • 相关阅读:
    js原生图片拼图Demo
    display:inline-block在ie7下的解决办法
    Apollo 配置中心部署注意事项
    chrony 时间同步配置
    IPv6基础介绍
    Rabbitmq 报错 nodedown
    Maven 私服你应该不陌生吧,可你会用 Artifactory 搭建吗?
    你 MySQL 中重复数据多吗,教你一招优雅的处理掉它们!
    MySQL 数据库的基本使用
    自建 yum 源
  • 原文地址:https://www.cnblogs.com/woaixingxing/p/7544320.html
Copyright © 2011-2022 走看看