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>

    简单明了。

  • 相关阅读:
    ----vue中使用高德地图实现搜索地址----
    ----vue中实现上传文件给后台----
    ----Vue 中mixin 的用法详解----
    ----移动端移动端调试神器vConsole----
    ----微信公众号之实现图片裁剪并上传----
    ----解决input输入框type=number时候去除增减按钮 禁用滚轮事件----
    ----微信公众号之解决二次分享问题----
    ----微信公众号之授权----
    「Linux学习」之clone表达式及grep 用法补充
    「Linux学习」之tar命令用法
  • 原文地址:https://www.cnblogs.com/woaixingxing/p/7544320.html
Copyright © 2011-2022 走看看