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 (模块:应用程序)部分,导入以下依赖项,然后在上面的弹出窗口中单击“立即同步”。
implementation ‘com.haozhang.libary:android-slanted-textview:1.2’
步骤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
}
}
输出: