📜  如何在Android App中添加SlantedTextView?

📅  最后修改于: 2021-05-08 19:51:58             🧑  作者: Mango

SlantedTextView 是一个Android库,可让我们在android应用中轻松创建倾斜文本。我们可以在许多应用程序中使用此功能,例如教育课程应用程序或基于订阅的应用程序,以及在许多其他应用程序中使用某些功能是免费的,而某些功能是付费功能。请注意,我们要实现使用Java语言这个项目

SlantedTextView的属性 

不同的倾斜模式

分步实施

步骤1:创建一个新项目

要在Android Studio中创建新项目,请参阅如何在Android Studio中创建/启动新项目。请注意,选择Java作为编程语言。

第2步:在进入编码部分之前,请先执行一些预任务

转到应用程序-> res->值-> colors.xml文件,然后设置应用程序的颜色。

XML


  
    #0F9D58
    #0F9D58
    #05af9b
    #ffffff
    


XML


      
    
    
      
    
    
      


Java
void slantText()
 {
        // getting slant text view reference
        SlantedTextView slantedTextView =(SlantedTextView)findViewById(R.id.slantTextView);
  
        // changing the values of slant text view
        slantedTextView.setText("Pro") // change the text
                .setTextColor(Color.WHITE) // change the text color
                .setSlantedBackgroundColor(Color.RED) // change the text background color
                .setTextSize(16) // change the text size
                .setSlantedLength(40) // change the slanted length
                .setMode(SlantedTextView.MODE_LEFT); // change the Mode
  }


Java
import android.graphics.Color;
import android.os.Bundle;
  
import androidx.appcompat.app.AppCompatActivity;
  
import com.haozhang.lib.SlantedTextView;
  
public class MainActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
          
        // call if we need
        // slantText();
     
    }
  
    void slantText() {
          
        // getting slant text view reference
        SlantedTextView slantedTextView = (SlantedTextView) findViewById(R.id.slantTextView);
  
        // changing the values of slant text view
        slantedTextView.setText("Pro") // change the text
                .setTextColor(Color.WHITE) // change the text color
                .setSlantedBackgroundColor(Color.RED) // change the text background color
                .setTextSize(16) // change the text size
                .setSlantedLength(40) // change the slanted length
                .setMode(SlantedTextView.MODE_LEFT); // change the Mode
    }
}


转到Gradle Scripts-> build.gradle (模块:应用程序)部分,导入以下依赖项,然后在上面的弹出窗口中单击“立即同步”。

步骤3:设计UI

activity_main.xml中,删除默认的“文本视图”,然后将布局更改为RelativeLayout,然后添加SlantedTextView和一个普通的TextView,如下所示。导航到应用程序> res>布局> activity_main.xml,然后将以下代码添加到该文件中。以下是activity_main.xml文件的代码。

XML格式



      
    
    
      
    
    
      

SlantedTextView的属性

Property xml  java Description 
1 app:slantedBackgroundColor setSlantedBackgroundColor( int color) Used to set the text background color
2 app:slantedLength setSlantedLength(int length) Used to set the text slanted length 
3 app:slantedMode setMode(int mode) Used to set the slant mode
4 app:slantedText setText(String str) Used to set the text
5 app:slantedTextColor setTextColor(int color) Used to set the text color
6 app:slantedTextSize setTextSize(int size) Used to set the text size 

步骤4:编码部分

MainActivity无关。 Java ,但是我们可以使用Java代码对SlantedTextView进行更改,为此,我们创建了一个slantText()方法,在其中创建和初始化SlantedTextView并更改其值,如下所示。

Java

void slantText()
 {
        // getting slant text view reference
        SlantedTextView slantedTextView =(SlantedTextView)findViewById(R.id.slantTextView);
  
        // changing the values of slant text view
        slantedTextView.setText("Pro") // change the text
                .setTextColor(Color.WHITE) // change the text color
                .setSlantedBackgroundColor(Color.RED) // change the text background color
                .setTextSize(16) // change the text size
                .setSlantedLength(40) // change the slanted length
                .setMode(SlantedTextView.MODE_LEFT); // change the Mode
  }

以下是MainActivity的完整代码。 Java文件。在代码内部添加了注释,以更详细地了解代码。

Java

import android.graphics.Color;
import android.os.Bundle;
  
import androidx.appcompat.app.AppCompatActivity;
  
import com.haozhang.lib.SlantedTextView;
  
public class MainActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
          
        // call if we need
        // slantText();
     
    }
  
    void slantText() {
          
        // getting slant text view reference
        SlantedTextView slantedTextView = (SlantedTextView) findViewById(R.id.slantTextView);
  
        // changing the values of slant text view
        slantedTextView.setText("Pro") // change the text
                .setTextColor(Color.WHITE) // change the text color
                .setSlantedBackgroundColor(Color.RED) // change the text background color
                .setTextSize(16) // change the text size
                .setSlantedLength(40) // change the slanted length
                .setMode(SlantedTextView.MODE_LEFT); // change the Mode
    }
}

输出: