📜  Android中的响应式UI设计

📅  最后修改于: 2021-05-10 14:24:11             🧑  作者: Mango

如今,每个Android UI设计师都非常重视自己的UI设计。每个项目的路径都要经过UI设计。 UI设计是每个项目以及每个网站,应用程序和桌面应用程序的代表。 UI是用户与后端之间的隔离墙,用户可以在其中通过UI设计与服务器进行交互。 UI设计师在设计任何软件产品时都需要考虑各个方面,例如项目的主题是什么?目标受众是哪个?无论是18岁以上的年龄段还是年龄较大的受众群体,此UI是否支持所有类型的屏幕?UI设计师的脑海中浮现出更多问题。在本文中,我们将讨论Android中UI的未来。

在Android中,开发人员可以使用各种平台来开发其Android应用程序,例如Android Studio Eclipse,React Native等。大多数开发人员都是首选。为了使android应用程序具有响应性,我们需要针对每种屏幕尺寸(例如Large X-large Normal)创建每个单独的屏幕。让我们看看这些图像。

正常画面

大屏幕尺寸

X大屏幕尺寸

小屏幕尺寸

对于每个设计师来说,对于每个单独的屏幕进行重新设计,这些步骤都是非常麻烦的步骤。由于这个项目的时间也将增加。为了克服这类问题,Google引入了适用于android设计的Material Component,它尽可能地克服了响应性。材质组件支持所有屏幕尺寸。

在Android应用中使用Material Component

添加材料组件,您只需在Gradle文件中添加此依赖关系

添加此依赖项后,您将能够在android项目中使用Material组件。

XML


XML

  
    
          
        
  
            
              
        
          


XML


  
    
  
        
  
            
  
        
  
    
  


XML


  
    
  
        
  
            
  
        
  
    
  


为了使我们的设计更时尚,更有吸引力以及响应速度更快,您需要在布局中使用Material Card View。

XML格式


  
    
          
        
  
            
              
        
          

Material Card View有时会自动管理填充和边距以及大小。您可以通过使用外观精美的第三方库在卡内添加渐变色。您可以在卡块内添加菜单,也可以在卡中添加滑块。

例子

让我们以android studio为例。现在,我们可以使用XML设计android布局。我们可以先设计一个材料卡视图组件。带有父填充的材料卡视图。

XML格式



  
    
  
        
  
            
  
        
  
    
  

输出界面:

物料卡视图,无填充:

XML格式



  
    
  
        
  
            
  
        
  
    
  

如果您在不使用填充的情况下使用物料卡视图,则物料组件可以自动添加默认的填充和颜色。这也有助于响应式UI设计。

在很多方面,材质组件比普通组件更容易和灵活,例如阴影,边框等。

材料组件的优势

  • 材料组件是轻质的。
  • 与其他组件相比,材料组件看起来很棒。
  • 材料组件非常敏感。

材料成分的缺点

  • 有时组件在真实设备中无法正常工作。
想要一个节奏更快,更具竞争性的环境来学习Android的基础知识吗?
单击此处前往由我们的专家精心策划的指南,以使您立即做好行业准备!