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>

    简单明了。

  • 相关阅读:
    json server服务器
    Vue中父子组件通讯——组件todolist
    Vue基础语法
    mac双系统下ubuntu卡在开机密码登录界面卡死
    GBK转UTF8
    Geek/Git中文怎么读
    Javascript正则表达入参是null
    【MySQL】解决You can't specify target table 'user_cut_record_0413' for update in FROM clause
    aglio报错解决
    Sublime美化配置
  • 原文地址:https://www.cnblogs.com/woaixingxing/p/7544320.html
Copyright © 2011-2022 走看看